电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

jquery选择器总结

jquery选择器总结_第1页
1/7
jquery选择器总结_第2页
2/7
jquery选择器总结_第3页
3/7
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择 id 值等于 myElement 的元素,id 值不能重复在文档中只能有一个 id 值是 myElement 所以得到的是唯一的元素 $("div") 选择所有的 div 标签元素,返回 div 元素数组 $(".myClass") 选择使用 myClass 类的 css 的所有元素 $("*") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass") 层叠选择器: $("form input") 选择所有的 form 元素中的 input 元素 $("#main > *") 选择 id 值为 main 的所有的子元素 $("label + input") 选择所有的 label 元素的下一个 input 元素节点,经测试选择器返回的是 label 标签后面直接跟一个 input 标签的所有 input 标签元素 $("#prev ~ div") 同胞选择器,该选择器返回的为 id 为 prev 的标签元素的所有的属于同一个父元素的 div 标签 基本过滤选择器: $("tr: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:lt(4)") 选择 td 元素中序号小于 4 的所有的 td 元素 $(":header") 选择 h1、h2、h3 之类的 $("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 元素 属性过滤选择器: $("div[id]") 选择所有含有 id 属性的 div 元素 $("input[name='newsletter']") 选择所有的 name 属性等于'newsletter'的...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

jquery选择器总结

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部