管理选择器得到的结果
size():获取选择器中元素的个数,相当于length属性
index(element):查找元素对象(通过选择器得到的jQuery对象)在集合中的位置
add():给集合添加元素
not():去除集合中的某个元素
filter():筛选集合中的某个元素
find():通过查询(父元素中的子元素)获取新的元素集合
each():遍历选择器中的元素
jQuery支持链式操作。
end():回到操作对象的上一个对象。
andSelf():将上一级的对象以及自己组合后共同返回。
jQuery对元素节点的操作
查询节点
创建节点
创建一个空的元素节点:
var $node1 = $(“<p></p>”);
创建一个带文本的元素节点:
var $node2 = $(“<p>hello</p>”);
创建一个带属性的元素节点:
var $node3 = $(“<p title=‘haha’>world</p>”);
- 插入节点
append():向每个匹配的元素内部插入节点,作为最后一个子元素。相当于JavaScript中的appendChild().
appendTo():将一个节点添加到匹配的元素中,作为其最后一个子元素。匹配的元素作为参数传入。
prepend():向匹配的元素内部插入子节点,作为第一个子元素。
prependTo():含义同上。
after():在每个匹配的元素之后插入兄弟节点。
insertAfter():含义同上
before():在每个匹配的元素之前插入兄弟节点。
insertBefore():含义同上
- 删除节点
remove()方法:彻底删除。找到节点,删除指定的那个节点。返回的是删除的节点,会把节点也删掉,返回的节点不会保留节点的事件、附加数据。
detach()方法:和remove方法用法一样,会删掉当前节点。但是detach删除返回的节点是会保留之前的事件、附加数据。
empty()方法:清空当前节点下的所有节点。不会删掉当前的节点,会删掉节点内部的所有东西。
- 复制节点
clone(boolean b)方法:找到节点调用clone方法,不带true不会复制节点的点击事件,带true会复制节点的点击事件。
- 替换节点
replaceWith():
$(“ul li:eq(1)”).replaceWith(“<li>haha<li>”);将第二个无序列表用haha替换
replaceAll():
$(“<li>haha<li>”).replaceAll(“ul li:eq(1)”);将第二个无序列表用haha替换
两个方法含义一样,只是语法差异。
节点属性操作
设置属性:attr()
设置单个属性,属性名跟属性值用逗号隔开
设置多个属性,属性名和属性值用冒号隔开,多个属性之间用逗号隔开,整体用大括号括起来
获取属性:attr()
删除属性:removeAttr()
节点样式操作
通过attr()方法添加类选择器
追加类选择器:addClass()
删除类选择器:removeClass()
切换类选择器:toggleClass();
$(“div”).toggleClass(“.class”);如果添加了类选择器则删除,如果没有添加类选择器则添加。
设置获取HTML、文本和值