JQuery选择器

本文为学习jQuery这一篇就够了_jquery学习-CSDN博客的学习笔记,非原创

核心函数

$() 或 jQuery()

执行核心函数后返回一个jquery核心对象,对象内部包含的是dom元素对象的伪数组

调用jquery对象的任何方法会返回当前的jquery对象

JQuery选择器

标签选择器: $(\'div\')

选择所有div标签

id选择器: $(\'#btn\')

选择所有id为btn的标签

类选择器: $(\'.red\')

选择所有class为red的标签

通配符选择器: $(\'.content *\')

选择所有class为content的标签下的所有子标签

并集选择器: $(\'p,button\')

选择所有标签为p和标签为button的标签

交集选择器: $(\'p.red\')

选择所有标签为p且类为red的选择器

层级选择器

子代选择器: $(\'ul>span\')

选择所有标签为ul下的所有span子标签 仅包含子标签不包含后代标签

后代选择器: $(\'ul span\')

选择所有标签为ul下的所有span子标签 包含后代标签

兄弟选择器: $(\'#box+li\')

选择id为box的标签的下一个兄弟标签li

过滤选择器

基本筛选器

$(\'tr:even\')

选择下标为偶数的行

$(\'tr:odd\')

选择下标为奇数的行

$(\'tr:first\')

选择表格的第一行

$(\'tr:last\')

选择表格的最后一行

$(\'tr:lt(2)\')

选择下标小于2的行

$(\'tr:gt(2)\')

选择下标大于2的行

$(\'tr:eq(2)\')

选择下标等于2的行

$(\'tr:not(tr:eq(2))\')

选择下标不等于2的行

内容选择器

$(\'td:contains(\"男\")\')

选择内容为\"男\"的单元格

$(\'td:has(span)\')

选择内容包含span标签的单元格

$(\'td:empty\')

选择内容为空的单元格

$(\'td:parent\')

选择内容不为空的单元格

属性筛选器

....