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选择器

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