javascript – 许多选择器和添加类

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 许多选择器和添加类，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1254字，纯文字阅读大概需要2分钟。

内容图文

我正在使用jQuery来处理IE7和IE中不支持的选择器. 8(主要是：nth-??child和：last-child).我已经读过addClass比使用jQuery的css方法更高效,所以我正在重构我的JS来做到这一点.

将同一个类添加到多个(有时很多！)不同选择器的最佳方法是什么？将它们全部放入同一语句并在列表末尾使用addClass是否安全？

例如：

$('.selector1:nth-child(3),
   .diff-selector2:last-child,
   #another-selector:nth-child(2),
   tr.highlighted td:last-child,
   h2.job-title:last-child').addClass('fallback-class');

是否存在选择器列表变慢的限制或点？我应该为那些选择器列表创建变量吗？有更好的方法吗？

最后说明：不幸的是,使用Selectivizr让IE7陷入停顿.这就是我决定使用上述方法的原因.

解决方法:

我想到了两种方式

1)你可以为你的元素设置一个公共类,并为它们添加一个类

<p class="addThis">1</p>
<p>2</p>
<span class="addThis">3</span>
<a>4</a>
<p>5</p>
<a class="addThis">6</a>

$('.addThis').addClass('fallback-class'); //1,3,6 will be added classes

2)你可以使用父/子方法

<p>
    <a>1</a>
    <span>2</span><!-- wont be added class -->
</p>
<p>
    <a>3</a>
</p>
<a>3</a><!-- wont be added class -->
<p>4</p><!-- wont be added class -->

$('p').children('a').addClass('fallback-class');
//this will adds class which got "a" selector inside "p"

$('a').parent('p').addClass('fallback-class');
//this will adds class "p" selector which got children "a"

内容总结

以上是互联网集市为您收集整理的javascript – 许多选择器和添加类全部内容，希望文章能够帮你解决javascript – 许多选择器和添加类所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端