🌏Web前端开发

No.32 jQuery选择器

2020-01-15  本文已影响0人  testleaf

一、jQuery 基础选择器

原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。
$("选择器") // 里面选择器直接写 CSS 选择器即可,但是要加引号

jQuery 基础选择器

二、jQuery 层级选择器

jQuery 层级选择器

三、隐式迭代

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

jQuery 得到当前元素索引号 $(this).index()

四、jQuery 筛选选择器

jQuery 筛选选择器

:checked 选择器
:checked 查找被选中的表单元素。

五、jQuery 筛选方法

jQuery 筛选方法

六、jQuery 里面的排他思想

jQuery 设置样式
$('div').css('属性', '值')

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

七、链式编程

链式编程是为了节省代码量,看起来更优雅。
$(this).css('color','red').sibling().css('color','');
使用链式编程一定注意是哪个对象执行样式。

上一篇下一篇

猜你喜欢

热点阅读