选择器

基本

   1$("#id"): 根据给定的ID匹配一个元素。

   2$("dom元素名"):根据给定的元素名匹配所有元素

   3$(".Class类名"): 根据给定的类匹配元素。

   4$("*") :匹配所有元素。

   5$("dom元素.class类名"):选择所有class属性为指定类名的dom元素。

   6$(".stripe tr"): 获取class属性为stripetable元素下的所有行

层级:

   1$("ancestor descendant"):在给定的祖先元素下匹配所有的后代元素 ,$("form input")

   2$("parent > child"):在给定的父元素下匹配所有的子元素

   3$("prev + next"):匹配所有紧接在 prev 元素后的 next 元素

   4$("prev ~ siblings"):匹配 prev 元素之后的所有 siblings(同级元素

简单:

1$("tr:first") 匹配找到的第一个元素

2$("tr:last") 匹配找到的最后一个元素

3$("input:not(:checked)") 去除所有与给定选择器匹配的元素

4$("tr:even") 匹配所有索引值为偶数的元素,从 开始计数

5$("tr:odd") 匹配所有索引值为奇数的元素,从 开始计数

6$("tr:eq(1)") 匹配一个给定索引值的元素

7$("tr:gt(0)") 匹配所有大于给定索引值的元素

8$("tr:lt(2)") 匹配所有小于给定索引值的元素

内容:

1$("div:contains('John')") 匹配包含给定文本的元素

2$("div:has(p)") 匹配所有包含 元素的 div 元素

3$("td:empty") 查找所有不包含子元素或者文本的空元素

可见性:

1$("tr:visible") 查找所有可见的 tr 元素

2$("tr:hidden") 匹配所有的不可见元素,input 元素的 type 属性为 "hidden" 的话也会被匹配到

属性:

1$("div[id]") 查找所有含有 id 属性的 div 元素

2$("input[name='newsletter']") 查找所有 name 属性是 newsletter 的 input 元素

3$("input[name!='newsletter']") 查找所有 name 属性不是 newsletter 的 input 元素

4$("input[name^='news']") 查找所有 name 以 'news' 开始的 input 元素

5$("input[name$='letter']") 查找所有 name 以 'letter' 结尾的 input 元素

6$("input[name*='man']") 查找所有 name 包含 'man' 的 input 元素

7$("input[id][name$='man']") 找到所有含有 id 属性,并且它的 name 属性是以 man 结尾的

子元素:

1nth-child(even)/:nth-child(odd)/:nth-child(3n)/:nth-child(2)/:nth-child(3n+1)/:nth-child(3n+2) 匹配其父元素下的第N个子或奇偶元素

2$("ul li:first-child") 在每个 ul 中查找第一个 li

3$("ul li:last-child")   在每个 ul 中查找最后一个 li

4$("ul li:only-child")   在 ul 中查找是唯一子元素的 li

表单:

1$(":input") 查找所有的input元素

2$("text")    匹配所有的单行文本框

3$(":password") 匹配所有密码框

4$("radio")   匹配所有单选按钮

5$("checkbox") 匹配所有复选框

6$("submit")   匹配所有提交按钮

7$("image")    匹配所有图像域

8$("button")   匹配所有按钮

9$("file")     匹配所有文件域

10$("hidden") 匹配所有不可见元素,或者typehidden的元素

表单对象属性:

1$("input:checked") 匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option)

2$("input:enabled") 匹配所有可用元素

3$("input:disabled") 匹配所有不可用元素

4$("select option:selected") 匹配所有选中的option元素


转载于:https://my.oschina.net/u/1413806/blog/263206

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值