jquery 冒号选择器

蔺玄觞 2周前 9浏览 0评论

在jQuery中,冒号选择器是一种非常有用的选择器,它可以根据元素的一些特殊状态或属性,来选择和操作符合条件的元素。

// 选择所有input元素中type为checkbox的元素
$("input:checkbox")

// 选择所有表单中被选中的元素
$(":checked")

// 选择所有可以获取焦点的元素
$(":focus")

除了上面这些比较常见的冒号选择器,jQuery还有许多其他的冒号选择器,例如:hidden:visible:first:last等等。

// 选择所有隐藏的元素
$(":hidden")

// 选择所有显示的元素
$(":visible")

// 选择第一个p元素
$("p:first")

// 选择最后一个p元素
$("p:last")

冒号选择器可以和其他选择器结合使用,以获取更加精确的元素。

// 选择class为container的div中的所有ul元素
$(".container ul")

// 选择class为container的div中的第一个ul元素
$(".container ul:first")

// 选择表格中第二列的所有单元格
$("tr td:nth-child(2)")

// 选择表格中最后一列的所有单元格
$("tr td:last-child")

需要注意的是,冒号选择器有一些比较特殊的语法规则,例如:nth-child:eq等选择器,它们可以接受一个表达式作为参数。

// 选择表格中第2、4、6列的所有单元格
$("tr td:nth-child(2n)")

// 选择表格中第3、4、5行的所有单元格
$("tr:nth-child(n+3)")

// 选择表格中第3个单元格
$("tr td:eq(2)")

总之,冒号选择器是一种非常强大的jQuery选择器,可以帮助我们轻松地获取和操作元素。