Jquery的方法(一)

一、文档操作
1、内部插入：append()，appendTo()，prepend()；
2、外部插入：after()，before()；
3、删除操作：remove()，empty()；
4、克隆操作：clone()，例：$('ul li:last').clone().appendTo('ul')

二、属性操作
1、获取属性：attr()；
2、设置属性：
(1)单个属性，attr('属性名称','属性值');
(2)多个属性，元素.attr({'属性名称1':'属性值1','属性名称2':'属性值2'})
3、删除属性：removeAttr(属性名)

三、类操作
1、addClass()；
2、removeClass()；
3、toggleClass()；
区别：
attr('class','classValue')：class的覆盖
addClass(className)：追加样式，追加class的value
removeAttr('class')：删除属性
removeClass('className')：删除样式

四、筛选过滤
1、eq(index)获取第N个元素；
2、hasClass(class)检查当前的元素是否含有某个特定的类；
3、is(expr)；
4、$('ul li').each(function(index){}) 遍历集合

五、筛选查找
add(expr)，children(expr)，find(expr)，next(expr)，prev(expr)，siblings(expr)，filter(expr)

六、样式操作
1、添加样式：css()；
2、元素.css('样式名称','样式值');
3、元素.css({'样式名称1':'样式值1','样式名称2':'样式值2'});
4、offset()：获取元素在当前窗口相对偏移量，返回left()，top()，只对可见元素有效；
5、height(),width()。
e对象：e.pageX, e.pageY

七、事件
ready()，hover(enterFun,leaveFun)，toggle(fun1,fun2)，blur()，change()，click()，focus()
mouseover()，mouseout()，resize()，scroll()，submit()

八、效果动画（算法+时间控制，记得清除计时器）
show()，hide()，fadeIn()，fadeOut()，slideUp()，slideDown()，animate()，toggle(num)，
slideToggle(num)，fadeTo(num,透明度)，stop(clearqueue,gotoEnd)

巴特西

Jquery的方法(一)

最新文章

热门文章