jQuery 选择器

jQuery 选择器

元素选择器

选取页面中所有的对应元素

$("p")

序号选择器(id 选择器)

通过id选取对应元素

$("#test")

类选择器(.class 选择器)

选取带有对应class的元素

$(".test")

更多选择器

$("*")              选取所有元素
$(this)             选取当前 HTML 元素
$("p.intro")        选取 class 为 intro 的 <p> 元素
$("p:first")        选取第一个 <p> 元素
$("ul li:first")    选取第一个 <ul> 元素的第一个 <li> 元素
$("ul li:first-child")选取每个 <ul> 元素的第一个 <li> 元素
$("[href]")         选取带有 href 属性的元素
$("a[target='_blank']")选取所有 target 属性值等于 "_blank" 的 <a> 元素
$("a[target!='_blank']")选取所有 target 属性值不等于 "_blank" 的 <a> 元素
$(":button")        选取所有 type="button" 的  元素 和 <button> 元素
$("tr:even")        选取偶数位置的 <tr> 元素,从0开始算
$("tr:odd")         选取奇数位置的 <tr> 元素,从0开始算
$("#id", ".class")  复合选择器
$(div p span)       层级选择器 //div下的p元素中的span元素
$(div>p)            父子选择器 //div下的所有p元素
$(div+p)            相邻元素选择器 //div后面的p元素(仅一个p)
$(div~p)            兄弟选择器 //div后面的所有p元素(同级别)
$(.p:last)          类选择器 加 过滤选择器  第一个和最后一个(first 或者 last)
$("#mytable td:odd")层级选择 加 过滤选择器 奇偶(odd 或者 even)
$("div p:eq(2)")    索引选择器 div下的第三个p元素(索引是从0开始)
$("a[href='www.baidu.com']")属性选择器
$("p:contains(test)")内容过滤选择器 //包含text内容的p元素
$(":emtyp")         内容过滤选择器 //所有空标签(不包含子标签和内容的标签)parent 相反
$(":hidden")       //所有隐藏元素 visible
$("input:enabled") //选取所有启用的表单元素
$(":disabled")     //所有不可用的元素
$("input:checked") //获取所有选中的复选框单选按钮等
$("select option:selected") //获取选中的选项元素

版权声明:本文为 溪月阁 | MoBrook 博主「 皓月 」的原创文章遵循用 CC BY-NC-SA 4.0 版权协议进行许可,转载请附上原文出处链接及本声明。

本文链接https://mobrook.cn/index.php/kanni-111/

上一篇:

下一篇: