来源：自学PHP网 时间：2014-11-29 13:28 作者： 阅读:次
[导读] 本文汇总介绍了常见的jQuery选择器知识，包含基本元素选择器、分层选择器、基本条件选择器、内容条件选择器、可见性条件选择器、属性选择器、子元素选择器、表单元素选择器、表...
|
基本元素选择器 复制代码 代码如下: $("p") $("p.ii")选取所有class=ii的 p元素 $("p#demo")选取id=demo的第一个p元素 分层选择器 复制代码 代码如下: $("div input")div 下的所有input $("div>input") 基本条件选择器 复制代码 代码如下: $("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")正在执行的动画 内容条件选择器 复制代码 代码如下: $("div:constains('ddd')")选择包含ddd文本的层元素 $("td:empty")选择不包含文本或者子元素的表格单元 $("div:has(p)")选择包含段落元素的层元素 $("td:parent")选择包含子元素或者文本的表格单元 可见性条件选择器 复制代码 代码如下: $("tr:hidden") //选择所有隐藏的表格 $("tr:visible") 选择所有可见的表格 属性选择器 复制代码 代码如下: $("div[id]")具有id属性的层 $("input[name='']") input属性name='' $("input[name!='']") $("input[name^='']")选择具有name属性并且值为‘'为起始内容的表单输入元素 $("input[name$='']")选择具有name属性并且值为‘'为结束内容的表单输入元素 $("input[name*='']")选择具有name属性并且值为‘'的表单输入元素 $("input[id][name$='']")选择具有id和name属性的值以‘'为结束内容的输入表单元素 子元素选择器 复制代码 代码如下: $("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")选择列表出现且仅出现一个列表项 表单元素选择器 复制代码 代码如下: $("input")选择所有 input textarea select button等元素 $(":text")文本行 $(":password") $(":radio") $(":checkbox") $(":submit") $(":image") $(":reset") $(":button") $(":file") $(":hidden") 表单属性选择器 复制代码 代码如下: $("input:enabled") //选择所有可用 $("input:disabled") $("input:checked") $("select:option:selected") |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
