精华内容
下载资源
问答
  • 选择器并没有一个固定的定义,在某种程度...现在我们正式进入jQuery选择器的学习。根据选择器的功能习惯将选择器进行分类,下面将不同类型的分类器进行分类,并且分别进行解释说明,使读者达到掌握程度。一、基本选择器
  • jquery选择器简述

    2020-11-24 01:11:11
    jQuery选择器使得获得页面元素变得更加容易、更加灵活,从而大大减轻了开发人员的压力。如同盖楼一样,没有砖瓦,就盖不起楼房,得不到元素谈何其他各种操作呢?可见,jQuery选择器的重要性。 jquery选择器大方向可以...
  • jQuery 选择器

    万次阅读 多人点赞 2019-02-22 21:58:10
    一、什么是jQuery选择器 jQuery选择器继承了CSS与Path语言的部分语法,允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择,而不必担心浏览器的兼容性,通过jQuery选择器对页面元素的精准定位,才能完成...

    一、什么是jQuery选择器
    jQuery选择器继承了CSS与Path语言的部分语法,允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择,而不必担心浏览器的兼容性,通过jQuery选择器对页面元素的精准定位,才能完成元素属性和行为的处理。
    二、jQuery选择器的优势

    • 代码更简单;
    • 支持CSS1到CSS3选择器;
    • 完善的机制处理
      三、jQuery选择器
      jQuery选择器分类示意图:
      jQuery选择器分类示意图
      1.基本选择器
      jQuery选择器中使用最多的选择器,它由元素id、class、元素名、多个元素符组成。
      功能表如下:
      基本选择器
      例1:CSS样式:<button id="btn" class="btn1">按钮</button>
      使用如下:
    console.log($("#btn"));
    console.log($(".btn1"));
    console.log($("*"));
    console.log($("button"));
    console.log($("#btn,.btn1,button"));
    

    2.层次选择器
    通过DOM元素间的层次关系来获取元素,主要层次关系包括父子、后代、相邻、兄弟关系。
    功能表如下:
    层次选择器

    说明
    例2:CSS样式如下:

    <ul>
        <li>1</li>
        <li>2
            <ol>
                <li>11</li>
                <li>22</li>
                <li>33</li>
            </ol>
        </li>
        <li class="li3">3</li>
        <p>0000</p>
        <li>4</li>
    </ul>
    

    使用如下:

    console.log($("ul li"));
    console.log($("ul>li"));
    console.log($(".li3+"));
    console.log($(".li3~li"));
    

    3.过滤选择器
    (1)简单过滤选择器
    过滤选择器是根据某类过滤规则进行元素的匹配,书写时都以(:)开头;简单过滤是使用最广泛的一种。
    功能表如下:
    简单过滤选择器
    例3:CSS样式如下:

    <ul>
        <li>1</li>
        <li>2
            <ol>
                <li>11</li>
                <li>22</li>
                <li>33</li>
            </ol>
        </li>
        <li class="li3">3</li>
        <p>0000</p>
        <li>4</li>
    </ul>
    

    使用如下:

    console.log($("ul>li:first"));
    console.log($("ul>li:last"));
    console.log($("ul>li:even"));
    console.log($("ul>li:odd"));
    console.log($("ul>li:gt(1)"));
    console.log($("ul>li:lt(1)"));
    console.log($("ul>li:eq(1)"));
    console.log($("ul>li:not(.li3)"));
    

    (2)内容过滤选择器
    根据元素中的文字内容或所包含的子元素特征获取元素,其文字内容可以模糊或绝对匹配进行元素定位。
    功能表如下:
    内容过滤选择器
    例4:CSS样式如下:

    <ul>
        <li>1</li>
        <li>2
            <ol>
                <li>11</li>
                <li>22</li>
                <li>33</li>
            </ol>
        </li>
        <li class="li3">3</li>
        <p>0000</p>
        <li>4</li>
    </ul>
    <div><span>40</span></div>
    <span></span>
    

    使用如下:

    console.log($("li:contains(2)"));
    console.log($("span:empty"));
    console.log($("span:parent"));
    console.log($("div:has(span)"));
    

    (3)可见性过滤选择器
    根据元素是否可见的特征来获取元素
    功能表如下:
    在这里插入图片描述
    例5:CSS样式如下:

    <input type="button" class="btninput" value="按钮1" >
    <input type="button" class="btninput" value="按钮2" >
    

    使用如下:

    console.log($(".btninput:hidden"));
    console.log($(".btninput:visible"));
    

    (4)属性过滤选择器
    属性过滤选择器根据元素的某个属性获取元素,如ID号或匹配属性值的内容,并以"[“号开始,以”]"号结束。
    功能表如下:
    在这里插入图片描述
    例6:CSS样式:<button id="btn" class="btn1">按钮</button>
    使用如下:

    console.log($("button[id][class]"));
    console.log($("button[id='btn'][class='btn1']"));
    

    (5)子元素过滤选择器
    获取所有父元素中指定的某个元素
    功能表如下:
    在这里插入图片描述
    例7:CSS样式如下:

    <ul>
        <li>1</li>
        <li>2
            <ol>
                <li>11</li>
                <li>22</li>
                <li>33</li>
            </ol>
        </li>
        <li class="li3">3</li>
        <p>0000</p>
        <li>4</li>
    </ul>
    <div><span>40</span></div>
    

    使用如下:

    console.log($("ul>li:nth-child(2)"));
    console.log($("ul>li:first-child"));
    console.log($("ul>li:last-child"));
    console.log($("div>span:only-child"));
    

    (6)表单对象属性过滤选择器
    所选择的表单元素进行过滤,例如选择被选中的下拉框,多选框等元素
    功能表如下:
    在这里插入图片描述
    例7:CSS样式如下:

    <input type="checkbox" checked>
    <input type="checkbox">
    <input type="radio">男
    <input type="radio">女
    <input type="text">
    <select id="sel">
        <option>宝鸡</option>
        <option selected>西安</option>
    </select>
    

    使用如下:

    console.log($("input[type='checkbox']:checked"));
    console.log($("input[type='radio']"));
    console.log($("input[type='text']"));
    console.log($("input:text"));
    console.log($(":input"));
    console.log($(":button"));
    $("#sel").change(function(){
        console.log($("#sel>option:selected"));
    });
    
    展开全文
  • 详解jQuery选择器

    2020-10-20 19:50:53
    本文主要对jQuery选择器进行一一举例介绍,有助于学习、理解和记忆。具有很好的参考价值,下面就跟着小编一起来看下吧
  • 本文实例讲述了jQuery选择器之基本选择器用法。分享给大家供大家参考,具体如下: 初学jQuery,为了能系统地学习好jQuery,今天特意把自己的学习心得归纳一下,贴上来与初学者共享,今天我主要总结的是jquery的基本...
  • jQuery选择器

    2018-02-12 23:15:11
    jQuery选择器jQuery选择器是什么?jQuery选择器继承了CSS与Path语言的部分语法,允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择,而不必担心浏览器的兼容性,通过jQuery选择器对页面元素的精准定位,...

    jQuery选择器

    jQuery选择器是什么?

    jQuery选择器继承了CSS与Path语言的部分语法,允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择,而不必担心浏览器的兼容性,通过jQuery选择器对页面元素的精准定位,才能完成元素属性和行为的处理。

    jQuery选择器的优势

    1.代码更简单
    2.支持CSS1到CSS3选择器
    3.完善的处理机制

    jQuery选择器分类

    jQuery选择器详细介绍:

    1.     基本选择器(jQuery对象获取)

    基本选择器是jQuery中使用最多的选择器,它由元素Id、class、元素名、多个元素符组成。

    基本选择器

    选择器

    功能

    #ID

    通过ID名获取jQuery对象

    .class

    通过class名获取jQuery对象

    element

    通过标签名获取jQuery对象

    *

    获取所有jQuery对象

    selector1,selector2

    混合写法(中间用“,”连接)

    实例:

    $("button").css("border","solid3px yellow");//使用标签名进行获取对象

               $(".txt").css("border","solid 3pxyellow");//使用class名进行获取对象

               $("#test").css("border","solid 3pxyellow");//使用id名进行获取对象

                $("*").css("border","solid3px yellow");//表示获取所有对象

                $(".txt,#test").css("border","solid3px yellow");//表示获取所有对象

    2.     层次选择器

    层次选择器通过DOM元素间的层次关系来获取元素,主要的层次关系包括父子、后代、相邻、兄弟关系。

    层次选择器

    选择器

    功能

    ancestor descendant(空格)

    根据祖先元素获取所有的后代元素

    parent>child(>)

    根据父元素获取所有的子元素

    prev+next(+)

    获取所有紧接在prev元素后的相邻元素

    prev~siblings(~)

    获取prev元素之后的所有兄弟元素

    3.     过滤选择器

    过滤选择器是根据某类过滤规则进行元素的匹配,书写时都以(:)开头。

    (1)    简单过滤选择器

    简单过滤选择器是过滤选择器中使用最广泛的一种。

    简单过滤选择器

    选择器

    功能

    first()/:first

    获取第一个元素

    last()/:last

    获取最后一个元素

    :not()

    获取不是()内的所有元素

    :even

    获取所有索引值为偶数的元素[索引从零开始]

    :odd

    获取所有索引值为奇数的元素[索引从零开始]

    :eq()

    获取指定索引值的元素[索引从零开始]

    :gt()

    获取所有大于给定索引值的元素[索引从零开始]

    :lt()

    获取所有小于给定索引值的元素[索引从零开始]

    :header

    获取所有标题类型的元素,如h1,h2…

    :animated

    获取正在执行动画效果的元素

    实例:

    <!DOCTYPEhtml>

    <html>

    <headlang="en">

        <meta charset="UTF-8">

        <title>过滤选择器---简单过滤选择器</title>

        <style>

            .block{

                width: 400px;

                border: solid 1px black;

                border-collapse: collapse;

                margin: 0 auto;

            }

            td{

                height: 100px;

                border: solid 1px black;

            }

        </style>

        <scriptsrc="jquery-3.0.0.js"></script>

        <script>

            $(function(){

               $("td:first").css("backgroundColor","lightpink");

               $("td:last").css("backgroundColor","skyblue");

               $("td:not(.smallone)").css("backgroundColor","yellow");//:not()获取不是括号内元素的东西

               $("td:even").css("border","solid 2pxorange");//:even获取所有索引值为偶数的元素,索引从零开始

               $("td:odd").css("border","solid 2pxpink");//:odd获取所有索引值为奇数的元素,索引从零开始

               $("td:eq(2)").css("backgroundColor","blue");//:eq()获取的是指定索引值的元素,索引从零开始

               $("td:gt(2)").css("backgroundColor","white");//:gt()获取的是所有大于索引的元素,索引从零开始

               $("td:lt(2)").css("backgroundColor","black");//:lt()获取的是所有小于索引的元素,索引从零开始

               $(":header").css("color","lightgreen");//:header()获取的是所有的标题类型的元素

            })

        </script>

    </head>

    <body>

    <tableclass="block">

        <tr>

            <td></td>

            <td></td>

            <tdclass="smallone"></td>

            <td></td>

        </tr>

        <tr>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

        <tr>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

        <tr>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>

    </table>

    <h1>你好</h1>

    <h3>欢迎来到</h3>

    <h6>这个世界</h6>

    <span>helloworld</span>

    </body>

    </html>

    (2)    内容过滤选择器

    内容过滤选择器是根据元素中的文字内容或所包含的子元素特征获取元素,其文字内容可以模糊或绝对匹配进行元素定位。

    内容过滤选择器

    选择器

    功能

    :contains()

    获取包含给定文本的元素(相当于模糊查询,即查找关键字)

    :empty

    获取所有不包含子元素或文本的空元素(什么都没有)

    :has()

    获取含有选择器所匹配的元素的元素

    :parent

    获取含有子元素或文本的元素(一定要有子元素或文本)

    实例:

    <!DOCTYPEhtml>

    <html>

    <headlang="en">

        <meta charset="UTF-8">

        <title>内容过滤选择器</title>

        <scriptsrc="jquery-3.0.0.js"></script>

        <script>

            $(function () {

                $("span:contains('一')").css("color","red");//:contains('')获取的是包含给定文本的元素

               alert($(".block:empty"));//:empty指什么都没有,有回车或者换行都不算空

               $("div:has('p')").css("color","blue");//:has()获取含有选择器所匹配的元素的元素

               $("span:parent").css({"backgroundColor":"pink"});//:parent获取含有子元素或者文本的元素

            })

        </script>

    </head>

    <body>

    <divclass="block">

        <p>你好 世界</p>

        <span>这是一个span</span>

        <span>这是第二个span</span>

        <span>这还是一个span</span>

        <div></div>

    </div>

    </body>

    </html>

    (3)    可见性过滤选择器

    可见性过滤选择器根据元素是否可见的特征来获取元素。

    可见性过滤选择器

    选择器

    功能

    :hidden

    获取所有不可见元素,或type为hidden的元素

    :visible

    获取所有可见元素

    实例:

    <!DOCTYPEhtml>

    <html>

    <headlang="en">

        <meta charset="UTF-8">

        <title>可见性过滤选择器</title>

        <style>

            .block{

                width: 100px;

                height: 100px;

                margin:  0 auto;

                background-color: #35c7ff;

            }

        </style>

        <scriptsrc="jquery-3.0.0.js"></script>

        <script>

            $(function(){

                $(":visible").hide();//:visible获取所有可见元素 这句话的意思是让所有显示的隐藏起来

               $(":hidden").show();//:hidden 获取所有不可见元素 这句话的意思是让所有隐藏的显示出来

            })

        </script>

    </head>

    <body>

    <divclass="block"></div>

    <divclass="block2"></div>

    </body>

    </html>

    (4)    属性过滤选择器

    属性过滤选择器根据元素的某个属性获取元素。

    属性过滤选择器

    选择器

    功能

    [attribute]

    获取包含给定属性的元素

    [attribute=value]

    获取等于给定的属性value

    [attribute!=value]

    获取不等于给定的属性value

    [attribute^=value]

    获取开始的是给定的属性value

    [attribute$=value]

    获取结束的是给定的属性value

    [attribute*=value]

    获取包含给定的属性value

    [selector1] [selector2] [selectorN]

    复合属性选择器,同时满足多个属性

    实例:

    <!DOCTYPEhtml>

    <html>

    <headlang="en">

        <meta charset="UTF-8">

        <title>属性过滤选择器</title>

        <scriptsrc="jquery-3.0.0.js"></script>

        <script>

            $(function(){

               $("input[type]").css("backgroundColor","lightpink");//[type]获取包含所有给定属性的元素

               $("input[type=text]").css("backgroundColor","skyblue");//[type=text]获取等于给定的属性value

               $("input[type!=text]").css("border","solid 1pxred");//[type!=text] 获取不等于给定的属性value

               $("input[type^='s']").css("border","solid 1pxblack");//[type^='s'] 获取type是以s开头的value

               $("input[type$='t']").css("backgroundColor","yellow");//[type$='t']获取type是以t结尾的value

                $("input[type*=button]").css("backgroundColor","green");//[type*=button]获取包含type是button的

               $("input[type][class][value]").css("border","solid2px lightgreen");//[type][class][value] 同时满足这三个[]的

            })

        </script>

    </head>

    <body>

    <inputtype="text"/>

    <inputtype="text" class="txt"/>

    <inputtype="button" class="btn" value="请点击"/>

    <inputtype="submit"/>

    <inputtype="reset"/>

    </body>

    </html>

    (5)    子元素过滤选择器

    子元素过滤选择器获取所有父元素中指定的某个元素。

    子元素过滤选择器

    选择器

    功能

    :nth-child

    获取每个父元素下的特定位置元素(索引号从1开始)

    :first-child

    获取每个父元素下的第一个子元素

    :last-child

    获取每个父元素下的最后一个子元素

    :only-child

    获取每个父元素下的仅有一个子元素(要保证它的父元素里只有它这一个子元素,文本不算子元素)

    实例:

    <!DOCTYPEhtml>

    <html>

    <headlang="en">

        <meta charset="UTF-8">

        <title>子元素过滤选择器</title>

        <scriptsrc="jquery-3.0.0.js"></script>

        <script>

            $(function(){

               $("span:nth-child(2)").css("color","yellow");//:nth-child()获取每个父元素下面特定位置元素 索引号从一开始

                $("span:first-child").css("color","green");//:first-child  获取每个父元素下面的第一个子元素

               $("span:last-child").css("color","pink");//:last-child  获取每个父元素下面的最后一个子元素

               $("span:only-child").css("color","blue");//span:only-child  获取仅有唯一一个子元素的父元素(指span是only-child)

            });

        </script>

    </head>

    <body>

    <div>

        <span>你好</span>

        <span>再见</span>

        <span>欢迎</span>

        <span>世界</span>

    </div>

    <p><span>hello</span></p>

    <p><span>hello</span><span>world</span></p>

    </body>

    </html>

    (6)    表单对象属性过滤选择器

    表单对象属性过滤选择器主要是对所选择的表单元素进行过滤,如选择被选中的下拉框,多选框等元素。

    表单对象属性过滤选择器

    选择器

    功能

    :enabled

    选取所有可用元素

    :disabled

    选取所有不可用元素

    :checked

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

    :selected

    选取所有被选中的选项元素(下拉框)

    实例:

    <!DOCTYPEhtml>

    <html>

    <headlang="en">

        <meta charset="UTF-8">

        <title>表单对象属性过滤选择器</title>

        <scriptsrc="jquery-3.0.0.js"></script>

        <script>

            $(function(){

               $(".txt:disabled").css("backgroundColor","yellow");//:disabled  获取所有不可用元素

               $(".txt1:enabled").css("backgroundColor","pink");//:enabled  获取所有可用元素

               console.log($("option:selected").length);//:selected  获取所有被选中选项元素(下拉框)

                alert($("input[type=checkbox]:checked").length);//:checked  获取所有被选中的元素(单选框 复选框)

            })

        </script>

    </head>

    <body>

    <inputtype="text" class="txt" disabled="disabled"/>

    <inputtype="text" class="txt1"/>

    <inputtype="checkbox" checked="checked"/>闯关

    <inputtype="checkbox"/>时间段

    <inputtype="checkbox" checked="checked"/>会计师法

    <inputtype="checkbox"/>打瞌睡

    <selectname="select1" id="sel">

        <option>跳舞</option>

        <optionselected="selected">唱歌</option>

        <optionselected="selected">游戏</option>

        <option>睡觉</option>

    </select>

    </body>

    </html>

    4.     表单选择器

    表单选择器专为表单设计,通过它可用在页面中快速定位某表单对象。

    表单选择器

    选择器

    功能

    :input

    获取所有input、textarea、select

    :text

    获取所有单行文本框

    :password

    获取所有密码框

    :radio

    获取所有单选按钮

    :checkbox

    获取所有复选框

    :submit

    获取所有提交按钮

    :image

    获取所有图像域

    :reset

    获取所有重置按钮

    :button

    获取所有按钮

    :file

    获取所有文件域

    展开全文
  • 从头学学习,感觉还是写一下笔记还是比较好理解的,这样容易自己记忆,和查询,也能帮助大家学习jquery,之前了解过js,后来再用Jquery发现,jquery的选择器真的是太强大了,下面我们来介绍下,常用的jquery选择器。...

    基本选择器

    最近在学习js的框架Jquery,从头学学习,感觉还是写一下笔记还是比较好理解的,这样容易自己记忆,和查询,也能帮助大家学习jquery,之前了解过js,后来再用Jquery发现,jquery的选择器真的是太强大了,下面我们来介绍下,常用的jquery选择器。

    首先我们来了解下Juqery都有哪些基本选择器

    1. Id选择器
    2. .class选择器
    3. 元素选择器
    4. *选择器

    1.Id选择器就是,通过元素的Id来选择要操作的DOM元素。是Jquery最常用的选择器。Id选择器的基本使用语法:$("#ID") 来选择元素,具体代码下

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <script type="text/javascript" src="../js/jquery-2.1.0.min.js"></script>
            <style>
            </style>
        </head>
        <style>
             #name { 
                width: 100px;
                height: 100px;
                background: yellow;
                float: left;
                margin: 20px;
                padding: 10px;
            }
        </style>
        <body>
            <script>
                $(function() {
                //通过ID选择器来给div添加内容 
                $("#name").html("<p>Hello word</p>");
                });
            </script>
        <div id="name"> 
        </div>
        </body>
    </html>
    

    2.Class选择器,通过.class来选择DOM元素,也是比较常用的选择器,语法$(".class") 它和ID选择器不一样的地方及时,class在DOM中也可以用作改元素的样式,而ID就没有实际的意义,就是用来表示元素的不同。具体代码如下:

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <script type="text/javascript" src="../js/jquery-2.1.0.min.js"></script>
            <style>
            </style>
        </head>
        <style>
            #name {
                width: 100px;
                height: 100px;
                background: yellow;
                float: left;
                margin: 20px;
                padding: 10px;
            }
        </style>
        <body>
            <script>
                $(function() {//当html加载完成的时候指向方法中的代码想当于js的Window.onload=
                    //这里class选择器,通过$(".name")可以选中class属性值为name的DOM元素
                    $(".name").html("<p>Hello word</p>");
                });
            </script>
            <div class="name">
            </div>
        </body>
    </html>
    

    3.元素选择器,也是Jquery中常用的选择器语法为:$("div") 选中要操作得元素节点,$("div") 就是选中所有的div标签元素,我们要选中<p>你好</p> 就可以使用$("p") 具体代码示例如下:

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <script type="text/javascript" src="../js/jquery-2.1.0.min.js"></script>
            <style>
            </style>
        </head>
        <style>
            .name {
                width: 100px;
                height: 100px;
                background: yellow;
                float: left;
                margin: 20px;
                padding: 10px;
            }
        </style>
        <body>
            <script>
                $(function() {//当html加载完成的时候指向方法中的代码想当于js的Window.onload=
                    //$("div")选中所有的div元素
                    $("div").css("border","1px solid red");
                });
            </script>
        <div class="name">
            </div>
        </body>
    </html>
    

    4.*选择器,语法$("*") 选中页面的所有元素,不常用代码示例如下:

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <script type="text/javascript" src="../js/jquery-2.1.0.min.js"></script>
            <style>
            </style>
        </head>
        <style>
            .name {
                width: 100px;
                height: 100px;
                background: yellow;
                float: left;
                margin: 20px;
                padding: 10px;
            }
        </style>
        <body>
            <script>
                $(function() {//当html加载完成的时候指向方法中的代码想当于js的Window.onload=
                    //$("*")选中所有的元素
                    $("*").css("border","1px solid red");
                });
            </script>
            <div class="name">
            </div>
        </body>
    </html>
    

    以上都是基本的选择器,比较简单,但是都是比较常用的选择器,比如ID选择器和class选择器,元素选择器

    展开全文
  • jQuery选择器介绍:基本选择器、层次选择器、过滤选择器、表单选择器   选择器是jQuery的根基,在jQuery中,对事件处理、遍历DOM和Ajax操作都依赖于选择器。因此,如果能熟练的使用选择器,不仅能简化代码,而且...

    jQuery选择器介绍:基本选择器、层次选择器、过滤选择器、表单选择器

     

    选择器是jQuery的根基,在jQuery中,对事件处理、遍历DOM和Ajax操作都依赖于选择器。因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果。jQuery选择器完全继承了CSS的风格。利用jQuery选择器,可以非常便捷的找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器。

    jQuery选择器可简单分为基本选择器、层次选择器、过滤选择器、表单选择器。下面通过表格进行一一介绍。

     

    http://www.j--d.com/html/897.html

     

    展开全文
  • jquery选择器

    2016-07-22 09:11:05
    下面介绍一下jQuery中的选择器 选择器 (1)id选择器 $('#id') (2)标签选择器 $('标签') (3)类选择器 $('.cls') (4)属性过滤选择器 $('*[name=gender]')所有name属性等于gender的标签 (5)标签
  • JQuery选择器

    千次阅读 2014-08-22 16:35:30
    JQuery选择器顾名思义就是通过选择器选中相应的DOM元素执行需要的操作,JQuery选择器的强大之处还在于它支持连缀,也就是说一条语句可以连续使用多个选择器执行多次操作,这样保证了代码的简洁性,更提高了代码的...
  • 下面小编就为大家带来一篇jQuery选择器之属性筛选选择器用法详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 知识点:了解jQuery选择器的基本概念及优势、能够使用不同的jQuery选择器选取元素,比如基本选择器、层次选择器、属性选择器、基本过滤选择器、可见性过滤选择器的使用,了解使用jQuery选择器的注意事项。...
  • 提示:我们可以从jquery文档上学习哦~ 下面简单的介绍几常用的选择器 ===================================基本选择器================================== id选择器 #id --> 匹配指定id名称 元素选择器 --...
  • 做前端,需要选择元素,下面是实现代码,一个原生的html元素选择器类似jquery选择器,很棒,很实用
  • 常用jQuery选择器汇总

    2020-12-08 20:23:23
    学习【js DOM 编程艺术】,最后面有许多jQuery选择器,每个都动手敲了一遍。 jQuery 提供了高级选择器的方法。 j s获取元素的三个基本方法分别是通过标签名,类名和id,即(getElementsByTagName, ...
  • jquery选择器.pdf

    2020-08-19 00:13:08
    jquery选择器.pdf
  • 详细分类 jQuery选择器

    2018-09-30 16:41:11
    jQuery选择器-----&... jQuery选择器可以分为下面类型的选择器 基本选择器 $('tag') -------按元素标签选择 $('.class') -------按类名选择 $('#id') -------按id选择 $('*') ...
  • jQuery中最核心和最让人爱不释手的就是选择器下面就是各种选择器代笔的意义。
  • jquery选择器大全

    千次阅读 2015-08-20 17:33:26
    选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率。...
  • jQuery选择器大全

    2014-11-21 18:55:07
    选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率。...
  • Jquery选择器图解

    2012-12-06 10:58:42
    Jquery中的选择器主要分为基本选择器、层次选择器、过滤选择器、表单选择器四。...不同的是CSS选择器是给匹配的元素添加样式,而Jquery选择器是给匹配的元素添加行为。   2.层次选择器: 层次选择器

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 63,675
精华内容 25,470
关键字:

下面哪种不是jquery选择器