jQuwey选择器
jQuwey选择器
R-这个程序员有纹身 发表于6个月前
jQuwey选择器
  • 发表于 6个月前
  • 阅读 9
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

1、同时为几个元素添加相同样式可以使用并集选择器,其语法是各个选择器之间用“,”分隔,用双引号将所有元素包裹起来,而为元素添加类样式,可以使用addClass(),需要注意的是括号里的参数(类样式)不需要带“.”

$("div span") 选取<div>里的所有<span>元素

$("div >span") 选取<div>元素下元素名是<span>的子元素

$("#one +div") 选取id为one的元素的下一个<div>同辈元素    等同于$(#one).next("div")

$("#one~div") 选取id为one的元素的元素后面的所有<div>同辈元素    等同于$(#one).nextAll("div")

2、层次选择器中没有前代选择器

3、:gt(index)表示选取索引大于index的元素,:lt(index)正好相反,选择器下标从0开始

4、css()用于给指定元素设置样式,addClass()用于给指定元素追加样式,但是后者更加符合W3C规范,“结构与样式分离”的准则

5、使用text()与html()均能获取到元素中的文本,两者的区别在于前者仅获取文本,后者会连同标签一起获取,但不同的浏览器返回的值会有所差异,所以若果仅获取文本的话,建议使用text(),:gt(index),lt(index),eq(index)都用于过滤元素,且三者的索引值index均从0开始,第一个选择器获取到的是大于索引值的元素,第二个选择器获取到的是小于索引值的元素,第三个选择器获取到的是等于索引值的元素

6、获取元素范围大小顺序依次为:

$(#one).siblings("div")>$("#one~div")>$("#one +div")  或是

$(#one).siblings("div")>$(#one).nextAll("div")>$(#one).next("div")

 

 

共有 人打赏支持
粉丝 2
博文 21
码字总数 10567
×
R-这个程序员有纹身
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: