zoukankan      html  css  js  c++  java
  • javascript-jquery选择器

    jquery选择器用来获得jquery对象

    我们用一个实例来演示jquery与原生的区别

    <div id="title">123</div>
    原生获得元素的方法:
    var title=document.getElementById("title");
    jquery方法:
    var title=$("#title");
    原生获得文本的方法:
    var text=title.innerHTML;//123
    jquery获得文本的方法:
    var text=$("#title").html()//123

    两种方法获得的结果相同。

    jquery选择器是什么

      --css选择器

      --jquery选择器继承了css选择器的风格

      --利用jquery选择器,可以非常便捷和快速的找出特定的DOM元素,然后为他们添加相应的行为

      --jquery的行为规则都必须在获取到元素后才能生效

    jquery选择器的优势

      简洁的书写方式

      支持css1到css3选择器

      完善的处理机制

    基本选择器

      id选择器

      类选择器

      标签选择器

      *所有元素

      集群选择器

    基本过滤器

      :first//选取第一个元素

      :last//选取最后一个元素

      :not(selector)取出所有与给定选择器不匹配元素

      :even//选取索引的偶数的所有元素,索引从0开始

      :odd//选取索引是奇数的所有元素

      :eq(index)//选取索引等于index的元素

      :gt(index)//选取索引大于index的元素

      :lt(index)//选取索引小于index的元素

      :header//选取所有标题元素,如:h1,h2,h3

      :focus//选择获得焦点的元素

      :animated//选取当前正在实行动画的所有元素

      ****子元素过滤器***

      :nth-child(index/even/odd/equation)//选取每个匹配元素下的第index个子元素或者奇偶元素

      A:first-child//选取每个父元素的第一个子元素(先满足后边,在过滤满足A)

      :last-child//选取每个父元素的最后一个儿子

      :only-child//如果某个元素是他父元素中唯一的子元素,那么他将会匹配。

      ***内容过滤器***

      :contains(text)选取含有文本内容为text的元素

      :empty选取不包含后代元素和文本的空元素。

      :has(selector)选取含有后代元素并匹配选择器的元素

      :parent选取后代元素或文本的非空元素

      ***可见性过滤器***

      :hidden选取所有不可见元素

      :visible选取所有可见元素

      ***属性过滤器***

      [attribute]选取拥有此属性的元素。实例$("div[id]")

      [attribute=value]选择属性的值为value

      [attribute!=value]

      [attribute^=value]选择属性值为value开始的元素

      [attribute$=value]选择属性值为value结束的元素

      [attribute*=value]选择属性值含有value的元素

      [selector1][selector2][selectorn]用属性选择器合并成一个符合属性选择器满足多个条件。没每选贼一次。缩小一次范围。

      ***层次选择器***

      $("选择器1 选择器2")//选择后代

      $("选择器1>选择器2")//亲身选择儿子元素

      $("选择器1+选择器2")//从匹配选择器1后面的第一个兄弟元素中选取匹配选择器2的元素

      $("选择器1~选择器2")//从匹配选择器1后面的所有兄弟元素中选取匹配选择器2的元素

      ***表单对象选择器***

      :enable选取所有可用元素

      :disabled选取所有不可用元素

      :checked选取所有被选中的元素(单选框、复选框)

      :selector选取所有被选中的选项元素(下拉列表)

      ***表单选择器***

      :input//input、textarea、select、button

      :text//单行文本框

      :password//密码框

      :radio//单选框

      :checkbox//复选框

      :submit//提交按钮

      :image//图像按钮

      :reset//重置按钮

      :button//按钮

      :file//上传文件

      :hidden//不可见元素

    有什么问题大家可以直接评论,看到后会立刻回复。。。

  • 相关阅读:
    2018.10.11----2018.10.13 计算机网络(写了两天)
    2018.10.10 Java的The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path 错误
    2018.10.10 MAC 的Launchpad图标改变大小的设置
    2018.10.8 Hibernate中解决乱码问题---配置一个过滤器
    2018.10.7 理解Hibernate的工作原理及其中的ORM详解
    2018.10.6 Hibernate配置文件详解-------ORM元数据配置 &&& hibernate主配置文件
    2018.10.5 hibernate导入约束,在Eclipse的xml文件实现自动提示
    2018.10.4 AndroidStudio
    2018.10.3 MianShiBaoDian JavaWeb后端部分
    C语言练习之 冒泡排序(二)
  • 原文地址:https://www.cnblogs.com/yaxinwang/p/6403604.html
Copyright © 2011-2022 走看看