JQuery选择器

一坤年的回忆

已于 2024-03-04 18:21:44 修改

阅读量56

点赞数 2

文章标签： jquery

于 2023-09-07 13:43:37 首次发布

本文链接：https://blog.csdn.net/m0_74238530/article/details/132736136

版权

表单

:input
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file

子元素

:first-child
:first-of-type1.9+
:last-child
:last-of-type1.9+
:nth-child
:nth-last-child()1.9+
:nth-last-of-type()1.9+
:nth-of-type()1.9+
:only-child
:only-of-type1.9+

表单对象属性

:enabled
:disabled
:checked
:selected


$('li:first')   获取匹配的第一个元素
$("input:not(:checked)")  查找所有未选中的 input    
$("tr:even")    匹配所有索引值为偶数的元素，从 0 开始计数
$("tr:odd")     匹配所有索引值为奇数的元素，从 0 开始计数
$("tr:eq(1)")   匹配一个给定索引值的元素,(1)查找第二行
$("tr:gt(0)")   匹配所有大于给定索引值的元素 查找第二第三行，即索引值是1和2，也就是比0大

$('li:last')    获取匹配的最后个元素,相当于li里的最后一个li
$("tr:lt(2)")   从 0 开始计数 查找第一第二行，即索引值是0和1，也就是比2小
$(":header").css("background", "#EEE")   给页面内所有标题加上背景色，匹配如 h1, h2, h3之类的标题元素

$("#run").click(function(){
  $("div:not(:animated)").animate({ left: "+=20" }, 1000);
});     匹配所有正在执行动画效果的元素，只有对不在执行动画效果的元素执行一个动画特效

.focused {
    background: #abcdef;    添加一个"focused"的类名给那些有focus方法的元素
}
$(":root").css("background-color","yellow");    选择该文档的根元素。
在HTML中，文档的根元素，和$(":root")选择的元素一样， 永远是<html>元素。
$("div:contains('John')")   查找所有包含 "John" 的 div 元素
$("td:empty")   查找所有不包含子元素或者文本的空元素
$("div:has(p)").addClass("test");   给所有包含 p 元素的 div 元素添加一个 text 类
$("td:parent")  查找所有含有子元素或者文本的 td 元素

$("tr:hidden")  查找隐藏的 tr
$("tr:visible") 查找所有可见的 tr 元素
$("div[id]")    查找所有含有 id 属性的 div 元素
$("input[name='newsletter']").attr("checked", true);    查找所有 name 属性是 newsletter 的 input 元素
$("input[name!='newsletter']").attr("checked", true);   查找所有 name 属性不是 newsletter 的 input 元素
$("input[name^='news']")    查找所有 name 以 'news' 开始的 input 元素
$("input[name$='letter']")  查找所有 name 以 'letter' 结尾的 input 元素
$("input[name*='man']")     查找所有 name 包含 'man' 的 input 元素
$("input[id][name$='man']") 找到所有含有 id 属性，并且它的 name 属性是以 man 结尾的