jquery选择器权重

274 阅读1分钟

基础选择器

$("选择器") // 里面选择器直接写 CSS 选择器即可,但是要加引号

图片.png

层级选择器

层级选择器最常用的两个分别为:后代选择器和子代选择器

图片.png

筛选选择器

筛选选择器,顾名思义就是在所有的选项中选择满足条件的进行筛选选择。常见如下 :

图片.png

图片.png 重点记住: parent() children() find() siblings() eq()

jQuery 设置样式

$('div').css('属性', '值')

jQuery 里面的排他思想

想要多选一的效果,排他思想:当前元素设置样式,其余的兄弟元素清除样式。 $(this).css(“color”,”red”); $(this).siblings(). css(“color”,””);

隐式迭代

遍历内部 DOM 元素(伪数组形式存储)的过程就叫做隐式迭代。 简单理解:给匹配到的所有元素进行循环遍历,执行相应的方法,而不用我们再进行循环,简化我们的操作,方便我们调用。 $('div').hide(); // 页面中所有的div全部隐藏,不用循环操作

链式编程

链式编程是为了节省代码量,看起来更优雅。 $(this).css('color', 'red').sibling().css('color', '');