当前位置：首页 > 资讯 > 技术文档

常见的jQuery选择器汇总

时间：2020-04-20 00:32 编辑：来源：阅读：
扫一扫，手机访问

摘要：常见的jQuery选择器汇总

基本元素选择器

$("p")

$("p.ii")选取所有class=ii的 p元素

$("p#demo")选取id=demo的第一个p元素

分层选择器

[u]复制代码[/u] 代码如下:

$("div input")div 下的所有input

$("div>input")

基本条件选择器

[u]复制代码[/u] 代码如下:

$("p:first")

$("p:last")

$("tr:even")选择偶数行

$("tr:odd")奇数

$("input:not(:checked)")选择所有为本选中的元素

$("tr:eq(1)")索引值为1的表格

$("tr:gt(0)")大于0

$("tr:lt(0)")小于0

$(":header")选择所有标题元素

$(":animated")正在执行的动画

内容条件选择器

[u]复制代码[/u] 代码如下:

$("div:constains('ddd')")选择包含ddd文本的层元素

$("td:empty")选择不包含文本或者子元素的表格单元

$("div:has(p)")选择包含段落元素的层元素

$("td:parent")选择包含子元素或者文本的表格单元

可见性条件选择器

[u]复制代码[/u] 代码如下:

$("tr:hidden")  //选择所有隐藏的表格

$("tr:visible") 选择所有可见的表格

属性选择器

[u]复制代码[/u] 代码如下:

$("div[id]")具有id属性的层

$("input[name='']") input属性name=''

$("input[name!='']")

$("input[name^='']")选择具有name属性并且值为‘'为起始内容的表单输入元素

$("input[name$='']")选择具有name属性并且值为‘'为结束内容的表单输入元素

$("input[name*='']")选择具有name属性并且值为‘'的表单输入元素

$("input[id][name$='']")选择具有id和name属性的值以‘'为结束内容的输入表单元素

子元素选择器

[u]复制代码[/u] 代码如下:

$("ul li:nth-child(2)")选择第二个列表项

$("ul li:nth-child(even)")

$("ul li:nth-child(odd)")

$("ul li:nth-child(3n)")

$("ul li:first-child")

$("ul li:last-child")

$("ul li:only-child")选择列表出现且仅出现一个列表项

表单元素选择器

[u]复制代码[/u] 代码如下:

$("input")选择所有 input textarea select button等元素

$(":text")文本行

$(":password")

$(":radio")

$(":checkbox")

$(":submit")

$(":image")

$(":reset")

$(":button")

$(":file")

$(":hidden")

表单属性选择器

[u]复制代码[/u] 代码如下:

$("input:enabled")  //选择所有可用

$("input:disabled")

$("input:checked")

$("select:option:selected")

全部评论(0)

上一篇：php跨域调用json的例子
下一篇：jQuery中prop()方法用法实例

资讯排行榜
更多>>