No.32 jQuery选择器

作者: testleaf | 来源:发表于2020-01-15 21:53 被阅读0次

一、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','');
使用链式编程一定注意是哪个对象执行样式。

相关文章

  • No.32 jQuery选择器

    一、jQuery 基础选择器 原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们...

  • jquery选择器书目录

    jquery选择器-基本选择器 jquery选择器-层级选择器 jquery选择器-基本过滤选择器 jquery选...

  • JQUERY一

    jQuery 元素选择器 jQuery 属性选择器 jQuery CSS 选择器 jQuery 事件 jQuery...

  • jQuser有选择器

    jQuery基本选择器 jQuery过滤选择器 jQuery层级选择器 jQuery筛选选择器(方法)

  • 选择器

    jQuery 元素选择器 jQuery 属性选择器 jQuery CSS 选择器

  • jQuery 基础

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • jQuery

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • jQuery选择器

    一、jQuery常用选择器 二、jQuery选择器优势 三、jQuery常用基本选择器 四、jQuery常用层次选...

  • JQuery基础知识

    jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样式 css操作...

  • jQuery相关知识

    1、什么是jQuery选择器? jQuery选择器

网友评论

    本文标题:No.32 jQuery选择器

    本文链接:https://www.haomeiwen.com/subject/kjdxzctx.html