《jquery对象和jquery选择器》由会员分享，可在线阅读，更多相关《jquery对象和jquery选择器（3页珍藏版）》请在金锄头文库上搜索。
1、第二章 JQuery 对象和 JQuery 选择器$(#myELement) 选择 id 值等于 myElement 的元素，id 值不能重复在文档中只能有一个 id 值是 myElement 所以得到的是唯一的元素$(div) 选择所有的 div 标签元素，返回 div 元素数组$(.myClass) 选择使用 myClass 类的 css 的所有元素$(*) 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$(#myELement,div,.myclass)层叠选择器：$(A B) 查找 A 元素下面的所有子节点，包括非直接子节点$(AB) 查找 A 元素下面的直接子节点$
2、(A+B) 查找 A 元素后面的兄弟节点，包括非直接子节点$(AB) 查找 A 元素后面的兄弟节点，不包括非直接子节点$(form input) 选择所有的 form 元素中的 input 元素$(#main *) 选择 id 值为 main 的所有的子元素$(label + input) 选择所有的 label 元素的下一个 input 元素节点，经测试选择器返回的是 label 标签后面直接跟一个 input 标签的所有 input标签元素$(#prev div) 同胞选择器，该选择器返回的为 id 为 prev 的标签元素的所有的属于同一个父元素的 div 标签基本过滤选择器：$(tr:
3、first) 选择所有 tr 元素的第一个$(tr:last) 选择所有 tr 元素的最后一个$(input:not(:checked) + span)过滤掉：checked 的选择器的所有的 input 元素$(tr:even) 选择所有的 tr 元素的第0，2 ， 4. .个元素（注意：因为所选择的多个元素时为数组，所以序号是从0开始）$(tr:odd) 选择所有的 tr 元素的第1 ，3，5. .个元素$(td:eq(2) 选择所有的 td 元素中序号为2的那个 td 元素$(td:gt(4) 选择 td 元素中序号大于4的所有 td 元素$(td:ll(4) 选择 td 元素中序号小于
4、4的所有的 td 元素$(:header)$(div:animated)内容过滤选择器：$(div:contains(John) 选择所有 div 中含有 John 文本的元素$(td:empty) 选择所有的为空（也不包括文本节点）的 td 元素的数组$(div:has(p) 选择所有含有 p 标签的 div 元素$(td:parent) 选择所有的以 td 为父节点的元素数组可视化过滤选择器：$(div:hidden) 选择所有的被 hidden 的 div 元素$(div:visible) 选择所有的可视化的 div 元素属性过滤选择器：$(divid) 选择所有含有 id 属性的 di
5、v 元素$(inputname=newsletter) 选择所有的 name 属性等于newsletter的 input 元素$(inputname!=newsletter) 选择所有的 name 属性不等于newsletter的 input 元素$(inputname=news) 选择所有的 name 属性以news开头的input 元素$(inputname$=news) 选择所有的 name 属性以news结尾的input 元素$(inputname*=man) 选择所有的 name 属性包含news的 input元素$(inputidname$=man) 可以使用多个属性进行联合选择，
6、该选择器是得到所有的含有 id 属性并且那么属性以 man 结尾的元素子元素过滤选择器：$(ul li:nth-child(2),$(ul li:nth-child(odd),$(ul li:nth-child(3n + 1)$(div span:first-child) 返回所有的 div 元素的第一个子节点的数组$(div span:last-child) 返回所有的 div 元素的最后一个节点的数组$(div button:only-child) 返回所有的 div 中只有唯一一个子节点的所有子节点的数组表单元素选择器：$(:input) 选择所有的表单输入元素，包括 input, te
7、xtarea, select 和 button$(:text) 选择所有的 text input 元素$(:password) 选择所有的 password input 元素$(:radio) 选择所有的 radio input 元素$(:checkbox) 选择所有的 checkbox input 元素$(:submit) 选择所有的 submit input 元素$(:image) 选择所有的 image input 元素$(:reset) 选择所有的 reset input 元素$(:button) 选择所有的 button input 元素$(:file) 选择所有的 file input 元素$(:hidden) 选择所有类型为 hidden 的 input 元素或表单的隐藏域$(:enabled) 选择所有的可操作的表单元素$(:disabled) 选择所有的不可操作的表单元素$(:checked) 选择所有的被 checked 的表单元素$(select option:selected) 选择所有的 select 的子元素中被selected 的元素选择 html 下的某些不同元素 $(“E,F,G”)和$( “E F”)注意区分
