• jQuery选择器


    1.什么是jQuery选择器

        说到选择器:会让人自然地联想到层叠样式表:(Cascading  Style  Sheets  CSS ),在CSS中选择器的作用是

    获取元素,而后为其添加CSS样式。

        而jQuery选择器与CSS选择器的不同之处就在于,jQuery选择器获取元素后,为元素添加的是行为使页面交互

    变得丰富多彩。

    2.jQuery的优势:

        总体而言:jQuery选择器有以下两点优势。

        1.简洁的写法

        $("#dd")===document.getElementById();

        ..............

        2.完善的处理机制

        使用jQuery选择器不仅比使用传统的getElementById 和 getElementByTagName()函数简洁得多,还能避免

    3.jQuery选择器的类型

    jQuery可通过CSS选择器 和 过滤选择器两种方式选取元素。

    具体jQuery选择器的类型如下:

    1.通过CSS选择器选取元素

        1-1:基本选择器

        1-2:层次选择器

        1-3:属性选择器

    2.通过过滤选择器选择元素

        2-1:   基本过滤选择器

        2-2:可见性过滤选择器

    3-1:基本选择器

    3-2:层次选择器

        若要通过DOM元素之间的层次关系来获取元素,如后代元素,子元素,相邻元素和同辈元素则使用jQuery的层

    次选择器会是最佳的选择。

    3-3:属性选择器

        什么是属性选择器?顾名思义,属性选择器就是通过HTML元素的属性选择元素的选择器,它与CSS中的属性选

    择器语法结构一致,如<p>元素中的title属性,<a>元素中的target属性。

    3-4:基本过滤选择器

    主要分类:

    1:   基本过滤选择器

    2:可见性过滤选择器

    3.   表单对象过滤选择器

    4.   内容过滤选择器,子元素过滤选择器

    3-5:可见性过滤选择器

    在jQuery中,通过元素显示状态选取元素的选择器称为可见性过滤选择器。

    注意:在可见性选择器中需要注意,选择器:hidden 获取的元素不仅包括样式属性 display 为“none”,

    还包括文本隐藏域(<input type=" hidden "/>)和visibility :hidden之类的元素。

    4:jQuery选择器注意事项

    1. 选择器中含有特殊符号的注意事项:

        在W3C规范中,规定属性值中不能含有某些特殊字符,但在实际开发中,可能会遇到表达式中含有“#”和

      “  .”等特殊字符的情况,如果按照普通的方式去处理就会报错。解决此类错误的方法是使用转义符转义。

    .选择器中含有空格的注意事项

    选择器中的空格也是不容忽视的,多一个空格或少一个空格,可能会得到截然不同的结果。

    小栗子如下:

  • 相关阅读:
    自定义开发服务器_2_使用webpack_dev_middleware和express
    自定义开发服务器_1_使用webpack_dev_middleware
    用webpack搭建专用于实时重加载html的开发服务器
    如何批量导入组件,并在vue-router中批量设置?
    [webpack]在package.json中设置开发服务器"start": "webpack serve --open"的一小坑
    【读书笔记】node.js实战第二版中关于ejs的一个小坑
    动态的修改页面标题title
    vue-cropperjs 基本使用 及其裁剪前压缩,相同图片第二次选择失效,第二次压缩失效,第一次图片转Base64 失效 打印‘data:,' 的问题
    原生js 首次加载的loading效果
    vue 首次加载的loading效果
  • 原文地址:https://www.cnblogs.com/3020815dzq/p/8760633.html
Copyright © 2020-2023  润新知