jQuery包装集

jQuery包装集

# 名字 性别 年龄
1 张晓亮 26
2 刘珺 25
3 李娟 24
4 黄大成 25
5 周凡 23
6 吴华 24
7 苏雨 23

1、获取包装集中的元素个数:

$("#table1 tr").size()

2、通过某个下标获取包装集中的某个元素:

$($("#table1 tr").get(2)).addClass("success");

3、获取某个元素在包装集的位置:

$("#table1 tr").index($("#table1 tr#three"))

4、往包装集中添加元素:

$("#table1 tr td:first").add("#table1 tr td:last").addClass('success')

5、删除包装集中的元素:

$("#table1 tr").not("#table1 tr td:nth-child(2n)").addClass('success')

6、截取部分包装集:

$("#table1 tr").slice(1,3).addClass('success')

7、使用filter方法过滤包装集:

$("#table1 tr td").filter("#table1 tr td:contains('3')") .addClass("success")

输出和描述区域:


链式编程

# 名字 性别 年龄
1 张晓亮 26
2 刘珺 25
3 李娟 24
4 黄大成 25
5 周凡 23
6 吴华 24
7 苏雨 23
# 名字 性别 年龄

1、end()方法:在jQuery的命令链中使用,可以返回到前一个包装集。

$("#table-1 tbody").clone().appendTo("#table-2").end().end().find("tr:nth-child(even)").addClass("success");

2、andSelf()方法:合并命令链中最近产生的两个包装集。

$("#table-1 tbody").clone().appendTo("#table-2").end().andSelf().find("tr:nth-child(even)").addClass("success");