JQuery选择器
来源:互联网 发布:pdf文件软件下载 编辑:程序博客网 时间:2024/05/01 07:44
JQuery选择器是CSS1-3、XPath的结合物支持以下CSS查询器的语法1、* 任何元素示例:
//选择所有元素$("*");
2、E 所有类型为E的元素示例://选择所有div元素$("div")
3、E:nth-child(n) 所有类型为E并且是其父元素的第n个子元素的元素示例:$("div:nth-child(1)");
HTML标记<body> <div id="div1"></div> <div id="div2"></div></body>
结果[ <div id="div1"></div> ]
HTML 标记<body> <div id="div1"> <div id="div3"></div> <div id="div4"></div> </div> <div id="div2"> <div id="div5"></div> </div></body>
结果[ <div id="div1"><div id="div3"></div><div id="div4"></div></div> <div id="div3"></div> <div id="div5"></div> ]
4、E:first-child 等同于 div:nth-child(1) 5、E:last-child 等同于 div:nth-child(n) n为最后一个元素的索引6、E:only-child 所有类型为E并且是其父元素的唯一子元素的元素 7、E:empty 所有类型为E并且子元素为空的元素示例:$("div:empty");
HTML标记<body> <div id="div1">aaaaa</div> <div id="div2"></div></body>
结果[ <div id="div2"></div> ]
8.E:enabled 所有类型为E并且处于可用状态的元素示例:$("input:enabled");
HTML标记<body> <input id="btn1" type="button" /> <input id="btn2" type="button" disabled="disabled" /></body>
结果[ <input id="btn1" type="button" /> ]
9、E:disabled 与 E:enabled相反10、E:checked 所有类型为E并且处于选中状态的元素(只适用于radio-button 或者 checkbox)11、E:selected 所有类型为E并且处于选中状态的元素(只适用于一个或多个option 元素内部的选择) 12、E.warning 所有类型为E并且class属性值为warning的元素13、E#myid 类型为E并且id为“myid”的元素(最多匹配一个元素)14、E:not(s) 所有类型为E并且不匹配s选择器15、E F 所有祖先元素为E的F元素示例:$("div input")
HTML标记<body> <div id="div1"> <table> <tr> <td><input type="button" id="btn1"/></td> </tr> </table> </div> <div id="div2"></div> <input type="button" id="btn2"/></body>
结果[ <input type="button" id="btn1"/> ]
16、E > F 所有父元素为E的F元素17、E + F 所有前面兄弟元素为E的F元素18、E ~ F 所有后面兄弟元素为E的F元素19、E,F,G 所有的E元素、F元素、G元素以下是JQuery支持但是和CSS不同的选择器1、E[@foo] 所有包含foo属性的类型为E的元素2、E[@foo=bar] 所有包含foo属性的值为bar的类型为E的元素3、E[@foo^=bar] 所有包含foo属性的值以bar开头的类型为E的元素4、E[@foo$=bar] 所有包含foo属性的值以bar结尾的类型为E的元素5、E[@foo*=bar] 所有包含foo属性的值包含bar的类型为E的元素支持XPath的选择器都比较好理解详细的参考http://docs.jquery.com/Selectors
- CSS选择器,jQuery选择器
- jQuery选择器 CSS选择器
- JQuery选择器(选择器简介)
- jQuery选择器 基本选择器
- jQuery选择器 层次选择器
- jQuery选择器 表单选择器
- Jquery选择器-基本选择器
- jQuery选择器之类选择器
- jQuery选择器之类选择器
- jQuery选择器之类选择器
- Jquery选择器--过滤选择器
- JQuery选择器
- jquery 选择器
- Jquery选择器
- jQuery选择器
- jQuery 选择器
- JQuery选择器
- JQuery选择器
- 提高java水平的十大技术
- Intel 2200BG无线网卡在2003下的使用
- 图书管系统界面
- JSF组件标签
- Discuz! 6.0.0 安装图文教程
- JQuery选择器
- java,php,javaScript中的回调函数的实现
- MFC 之 RADIO控件 简单用法
- Proficiency in Java swing programming
- PING的介绍
- 测试
- Exchange打开公用资料夹"SSL服务器名不正确"解决方法
- Vmware虚拟机的高级应用窥探
- K歌拉票