jq选择器

jQuery基于dom操作，write less，do more

jQuery由js实现

样式设置和获取

    $().css("css属性","值")，.css("fontSize","30px")

    $().css({属性1:"值",属性2:"值"}),多个属性

    $().css("属性名")

内容设置和获取

    $().html(),有参数是设置，没参数是获取

    $().text()

    $("li").html(function(a,b){

        return a+1+"、"+b

    })

属性设置和获取

    $().attr(),js中attribute,用法与css一致

    $().prop(),js中的.语法，用法与css一致

    $().data(),用于设置data-属性，不显示在结构，可以存储任意数据，可以获取显示和不显示的data-属性

尺寸

    $().width(),类似html()

    $().height()

位置

    $().offset().left

    $().offset().top

    获取实际位置，offsetLeft/offsetTop

    $().position().left

    $().position().top

    针对设置了position属性时，获取位置

class

    $().addClass()  增加class

    $().removeClass() 删除class

jq对象与dom元素之间的转换

jq->dom，jq对象后加索引，或者.get(索引)

dom->jq, $(dom)

eq(index)

find(选择器),查找内部元素

children([expr])  子元素

find(e|o|e)   内部元素

next()  下一个

nextAll([expr]),后面全部，支持选择器

nextUntil([e|e][,f]) 直到设置的选择器之间的所有元素

parent() 父元素

prev([expr])

prevAll([expr])

prevUntil([e|e][,f])

siblings([expr]) ，兄弟元素，支持选择器

end()中断当前指向，回到上一个指向

qj链式调用的原因是每一个方法的返回值是jq对象

内部添加：

    append(),尾部添加，字符串，dom元素，jq对象

    prepend(),头部添加

    A.appendTo(B),将A添加到B的尾部, B:选择器，jq对象，dom元素

    A.prependTo(B),将A添加到B的头部

外部添加:

    父.insertBefore(A,B),把A插入到B前面

    A.insertBefore(B),A放在B的前面，B一定要存在,B可以是dom、jq、选择器

    A.insertAfter(B),insertBefore相反,A放在B的后面

    A.before(B)，B放在A前面

    A.after(B)，B放A后面

删除

    $().remove()

克隆

    $().clone(),默认false，参数true代表保留事件