jQuery 高级选择器学习

avatar
avatar
小王先森
385
文章
382
评论
2019年4月2日 评论 398

1、后代选择器

$(’#box’).find(’p’).css(’color’,’red’); 
相当于 
$(’#box p’).css(’color’,’red’); 
但速度更快。

2、子选择器

$(’#box’).children(’p’).css(’color’,’red’); 
相当于 
$(’#box > p’).css(’color’,’red’);
但速度更快。

3、某一节点后的同级下一个元素选择器

$(’#box’).next(’p’).css(’color’,’red’); 
相当于 
$(’#box + p’).css(’color’,’red’); 
但速度更快。

4、某一节点后的同级所有元素选择器

$(’#box’).nextAll(’p’).css(’color’,’red’); 
相当于 
$(’#box ~ p’).css(’color’,’red’); 
但速度更快。

5、某一节点前的同级上一个元素选择器

$(’#box’).prev(’p’).css(’color’,’red’);

6、某一节点前的同级所有元素选择器

$(’#box’).prevAll(’p’).css(’color’,’red’);

7、同级上下所有元素选择器

$(’#box’).siblings(’p’).css(’color’,’red’);

 

历史上的今天
四月
2
avatar
  • 本文由 发表于 2019年4月2日
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: