精华内容
下载资源
问答
  • 摘要:今天来和大家分享一下JQuery的选择器的详细使用方法。
    摘要:今天来和大家分享一下JQuery的五种选择器的详细使用方法。

    本文分享自华为云社区《【JQuery框架】五大选择器“全家桶”详解!!!》,原文作者:灰小猿 。

    今天来和大家分享一下JQuery的五种选择器的详细使用方法,那么何为选择器?从功能上来讲,它能够筛选具有相似特征的元素标签,在我们想要对具有相似特征的元素进行集中或统一操作时是十分有用的,

    选择器基本操作

    首先我们需要了解选择器使用的基本操作,该基本操作可以分为三步:

    1、事件绑定

    选择器的使用需要进行事件的绑定,一般来说我们可以将事件绑定到一个按钮上去,通过按钮的点击来触发相应的事件响应。

    2、入口函数

    同时在jQuery中,这样的事件绑定是需要写在一个入口函数中去的,在

    <script></script>的代码段中建立入口函数的语法是:

    $(function(){
    
    });

    在这里需要注意的是:在js中定义入口函数的window.onload方法和$(function)方法是有区别的,

    具体如下:

    window.onload只能定义一次,如果定义多次,后面的会将前面的覆盖掉

    $(function)方法是可以定义多次的,后面的不会将前面的覆盖掉

    3、样式控制

    当我们对选择器的事件进行了绑定之后,我们就可以通过选择器进行相应元素的样式控制了,在这里通常的表现是css方法,通过css方法来对相应的元素样式进行修改。

    来看一个基本操作的实例:

    <script type="text/javascript">
       $(function () {
          //标签选择器
          // 改变元素名为 <div> 的所有元素的背景色为 红色
          $("#b2").click(function f() {
             $("div").css("backgroundColor","yellow");
          });
       });
    </script>

    那么接下来就通过实例分别来和大家讲一下jQuery框架下的五种选择器的使用方法。

    一、基本选择器

    1、标签选择器

    标签选择器又称为“元素选择器”,

    语法:$(“html标签名”)

    作用:获得所有匹配标签元素名称的元素

    //标签选择器
    // 改变元素名为 <div> 的所有元素的背景色为 黄色id="b1"
    $("#b1").click(function f() {
       $("div").css("backgroundColor","yellow");
    });

    2、id选择器

    语法:$(“#id的属性值”)

    作用:获得与指定id属性值匹配的元素

    //id选择器
    // 改变 id 为 one 的元素的背景色为 粉色 id="b2"
    $("#b2").click(function () {
       $("#one").css("backgroundColor","pink");
    });

    3、类选择器

    语法:$(“.class的属性选择器”)

    作用:获得与指定class属性值匹配的元素

    //类选择器
    // 改变 class 为 mini 的所有元素的背景色为 红色id="b3"
    $("#b3").click(function () {
       $(".mini").css("backgroundColor","red");
    });

    4、并集选择器

    语法:$(“选择器1,选择器2....”)

    获取多个选择器选中的所有元素

    //并集选择器
    // 改变所有的<span>元素和 id 为 two 的元素的背景色为蓝色id="b4"
    $("#b4").click(function () {
       $("span,#two").css("backgroundColor","blue");
    });

    二、层级选择器

    1、后代选择器

    语法:$(“A B”)

    作用:选择A元素内部的所有B元素

    //后代选择器
    // 改变 <body> 内所有 <div> 的背景色为红色id="b1"
    $("#b1").click(function () {
       $("body div").css("backgroundColor","pink");
    });

    2、子选择器

    语法:$(“A > B”)

    作用:选择A元素内部的所有B子元素

    // 子选择器
    // 改变 <body> 内子 <div> 的背景色为 红色id="b2"
    $("#b2").click(function () {
       $("body > div").css("backgroundColor","red");
    });

    在这里需要注意的是:这两个选择器看上去似乎没有什么区别,但是我们在使用时就会发现其实是有区别的,后代选择器会将元素A内部的所有B元素都选中,而子选择器只会选中元素A的下一级元素中的B元素,范围是小于后代选择器的。具体可以看下面的实例:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>层次选择器</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
       <script  src="../js/jquery-3.3.1.min.js"></script>
       <style type="text/css">
             div,span{
                 width: 180px;
                 height: 180px;
                 margin: 20px;
                 background: #9999CC;
                 border: #000 1px solid;
                float:left;
                 font-size: 17px;
                 font-family:Roman;
             }
     
             div .mini{
                 width: 50px;
                 height: 50px;
                 background: #CC66FF;
                 border: #000 1px solid;
                 font-size: 12px;
                 font-family:Roman;
             }
     
             div .mini01{
                 width: 50px;
                 height: 50px;
                 background: #CC66FF;
                 border: #000 1px solid;
                 font-size: 12px;
                 font-family:Roman;
             }
     
        </style>
        <script type="text/javascript">
    
          $(function () {
             //后代选择器
             // 改变 <body> 内所有 <div> 的背景色为红色
             $("#b1").click(function () {
                $("body div").css("backgroundColor","pink");
             });
    
             // 子选择器
             // 改变 <body> 内子 <div> 的背景色为 红色
             $("#b2").click(function () {
                $("body > div").css("backgroundColor","red");
             });
    
          });
       </script>
     
       </head>
     
       <body>
     
           <input type="button" value="保存"  class="mini" name="ok"  class="mini" />
           <input type="button" value=" 改变 <body> 内所有 <div> 的背景色为红色"  id="b1"/>
           <input type="button" value=" 改变 <body> 内子 <div> 的背景色为 红色"  id="b2"/>
           <h1>有一种奇迹叫坚持</h1>
           <h2>自信源于努力</h2>
     
            <div id="one">
               id为one  
     
           </div>
     
           <div id="two" class="mini" >
                 id为two   class是 mini 
                 <div  class="mini" >class是 mini</div>
          </div>
     
           <div class="one" >
                 class是 one 
                 <div  class="mini" >class是 mini</div>
                <div  class="mini" >class是 mini</div>
           </div>
           <div class="one">
               class是 one 
                 <div  class="mini01" >class是 mini01</div>
                <div  class="mini" >class是 mini</div>
          </div>
          <span class="spanone">    span
          </span>
     
       </body>
    </html>

    三、属性选择器

    1、属性名称选择器

    语法:$(“A[属性名]”)

    作用:包含指定属性的选择器

    // 含有属性title 的div元素背景色为红色"  id="b1"
    $("#b1").click(function () {
       $("div[title]").css("backgroundColor","pink");
    });

    2、属性选择器

    语法:$(“A[属性名=’值’]”)

    作用:包含指定属性等于指定值的选择器,

    // 属性title值等于test的div元素背景色为红色"  id="b2"
     $("#b2").click(function () {
        $("div[title='test']").css("backgroundColor","red");
     });

    在这个选择器中,我们可以根据他的功能进行拓展,比如我们可以将:“=”换成“!=”,就是指定属性名称不等于指定值的选择器

     // 属性title值不等于test的div元素(没有属性title的也将被选中)背景色为红色"  id="b3"
     $("#b3").click(function () {
        $("div[title!='test']").css("backgroundColor","red");
     });

    根据正则表达式的使用规则:

    “=”换成“^=”,就是指定属性名称是以指定值开头的选择器

     // 属性title值 以te开始 的div元素背景色为红色"  id="b4"
     $("#b4").click(function () {
        $("div[title^='te']").css("backgroundColor","red");
     });

    “=”换成“$=”,就是指定属性名称是以指定值结尾的选择器

     // 属性title值 以est结束 的div元素背景色为红色"  id="b5"
    $("#b5").click(function () {
       $("div[title$='est']").css("backgroundColor","red");
    });

    “=”换成“*=”,就是指定属性名称中包含指定值的选择器

     // 属性title值 含有es的div元素背景色为红色"  id="b6"
     $("#b6").click(function () {
        $("div[title*='es']").css("backgroundColor","red");
     });

    3、复合属性选择器

    语法:$(“A[属性名=’值’][]...”)

    作用:包含多个属性条件的选择器

    // 选取有属性id的div元素,然后在结果中选取属性title值含有“es”的 div 元素背景色为红色"  id="b7"
    $("#b7").click(function () {
     $("div[id][title*='es']").css("backgroundColor","red");
    });

    四、过滤选择器

    1、首元素选择器

    语法:$(“A:first”)

    作用:获得选择的元素的第一个元素

    // 改变第一个 div 元素的背景色为 红色"  id="b1"
    $("#b1").click(function () {
       $("div:first").css("backgroundColor","red");
    });

    2、尾元素选择器

    语法:$(“A:last”)

    作用:获得选择的元素的最后一个元素

    // 改变最后一个 div 元素的背景色为 红色"  id="b2"
    $("#b2").click(function () {
       $("div:last").css("backgroundColor","red");
    });

    3、非元素选择器

    语法:$(“not(selector)”)

    作用:不包括指定内容的元素

    // 改变class不为 one 的所有 div 元素的背景色为 红色"  id="b3
    $("#b3").click(function () {
       $("div:not(.one)").css("backgroundColor","red");
    });

    4、偶数选择器

    语法:$(“A:even”)

    作用:从0开始计数,获得选择的元素中索引为偶数的元素

    // 改变索引值为偶数的 div 元素的背景色为 红色"  id="b4"
    $("#b4").click(function () {
       $("div:even").css("backgroundColor","red");
    });

    5、奇数选择器

    语法:$(“A:odd”)

    作用:从0开始计数,获得选择的元素中索引为奇数的元素

    // 改变索引值为奇数的 div 元素的背景色为 红色"  id="b5"
    $("#b5").click(function () {
       $("div:odd").css("backgroundColor","red");
    });

    6、等于索引选择器

    语法:$(“A:eq(index)”)

    作用:获得选择的元素中指定索引的元素

    // 改变索引值为等于 3 的 div 元素的背景色为 红色"  id="b7"
    $("#b7").click(function () {
       $("div:eq(3)").css("backgroundColor","red");
    });

    7、大于索引选择器

    语法:$(“A:gt(index)”)

    作用:获得选择的元素中大于指定索引的元素

    // 改变索引值为大于 3 的 div 元素的背景色为 红色"  id="b6"
    $("#b6").click(function () {
       $("div:gt(3)").css("backgroundColor","red");
    });

    8、小于于索引选择器

    语法:$(“A:lt(index)”)

    作用:获得选择的元素中小于指定索引的元素

    // 改变索引值为小于 3 的 div 元素的背景色为 红色"  id="b8"
    $("#b8").click(function () {
       $("div:lt(3)").css("backgroundColor","red");
    });

    9、标题选择器

    语法:$(“:header”)

    作用:获得标题(h1~h6)元素,为固定写法

    // 改变所有的标题元素的背景色为 红色"  id="b9"
    $("#b9").click(function () {
       $(":header").css("backgroundColor","red");
    });

    五、表单过滤选择器

    1、可用元素选择器

    语法:$(“A:enabled”)

    作用:获得选择元素中的可用元素

    // 利用 jQuery 对象的 val() 方法改变表单内可用 <input> 元素的值"  id="b1"
    $("#b1").click(function () {
       $("input[type='text']:enabled").val("aaa");
    });

    2、不可用元素选择器

    语法:$(“A:disabled”)

    作用:获得选择元素中的不可用元素

    // 利用 jQuery 对象的 val() 方法改变表单内不可用 <input> 元素的值"  id="b2"
    $("#b2").click(function () {
       $("input[type='text']:disabled").val("bbb");
    });

    3、选中选择器

    语法:$(“A:checked”)

    作用:获得单选/复选框选中的元素

    // 利用 jQuery 对象的 length 属性获取复选框选中的个数"  id="b3"
    $("#b3").click(function () {
       var lengths = $("input[type='checkbox']:checked").length;
       alert(lengths);
    });

    4、选中选择器(下拉框)

    语法:$(“A:selected”)

    作用:获得下拉框选中的元素

    // 利用 jQuery 对象的 length 属性获取下拉框选中的个数"  id="b4"
    $("#b4").click(function () {
       var selects = $("#job > option:selected").length;
       alert(selects)
    });

    在这里需要注意一点:上面的两个选中选择器的作用对象是不一样的,第一个选中选择器的作用对象是单选/复选框,而第二个选中选择器的作用对象是下拉框,同时对于第二种选择器,它的作用内容是下拉框中的包含在<option></option>内的选项,因此在使用时应当使用“>”来具体说明,具体可以看下面的实例:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>表单属性过滤选择器</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
       <script  src="../js/jquery-3.3.1.min.js"></script>
       <style type="text/css">
    
             #job{
                margin: 20px;
             }
             #edu{
                margin-top:-70px;
             }
     
        </style>
        <script type="text/javascript">
          $(function () {
    
             // 利用 jQuery 对象的 length 属性获取复选框选中的个数"  id="b3"
             $("#b3").click(function () {
                var lengths = $("input[type='checkbox']:checked").length;
                alert(lengths);
             });
    
             // 利用 jQuery 对象的 length 属性获取下拉框选中的个数"  id="b4"
             $("#b4").click(function () {
                var selects = $("#job > option:selected").length;
                alert(selects)
             });
    
          });
    
       </script>
       </head>
     
       <body>
     
           <input type="button" value="保存"  class="mini" name="ok"  class="mini" />
           <input type="button" value=" 利用 jQuery 对象的 length 属性获取复选框选中的个数"  id="b3"/>
           <input type="button" value=" 利用 jQuery 对象的 length 属性获取下拉框选中的个数"  id="b4"/>
     
          <br><br>
     
           <br><br>
           <input type="checkbox" name="items" value="美容" >美容
           <input type="checkbox" name="items" value="IT" >IT
           <input type="checkbox" name="items" value="金融" >金融
           <input type="checkbox" name="items" value="管理" >管理
     
           <br><br>
     
            <input type="radio" name="sex" value="男" >男
            <input type="radio" name="sex" value="女" >女
     
             <br><br>
     
            <select name="job" id="job" multiple="multiple" size=4>
               <option>程序员</option>
             <option>中级程序员</option>
             <option>高级程序员</option>
             <option>系统分析师</option>
              </select>
     
              <select name="edu" id="edu">
               <option>本科</option>
             <option>博士</option>
             <option>硕士</option>
             <option>大专</option>
              </select>
     
          <br/>
     
       </body>
     
    </html>

    好了,关于jQuery框架中五种选择器的使用就先和大家分享到这里,之后还会继续和小伙伴们分享jQuery的选择器、DOM操作以及jQuery的高级进阶内容。

     

    点击关注,第一时间了解华为云新鲜技术~

    展开全文
  • 【JQuery框架】五大选择器“全家桶”详解!!!

    千次阅读 多人点赞 2021-01-30 12:16:29
    选择器基本操作 1、事件绑定 2、入口函数 3、样式控制 一、基本选择器 1、标签选择器 2、id选择器 3、类选择器 4、并集选择器 二、层级选择器 1、后代选择器 2、子选择器 三、属性选择器 1、属性名称...

    目录

    选择器基本操作

    1、事件绑定

    2、入口函数

    3、样式控制

    一、基本选择器

    1、标签选择器

    2、id选择器

    3、类选择器

    4、并集选择器

    二、层级选择器

    1、后代选择器

    2、子选择器

    三、属性选择器

    1、属性名称选择器

    2、属性选择器

    根据正则表达式的使用规则:

    3、复合属性选择器

    四、过滤选择器

    1、首元素选择器

    2、尾元素选择器

    3、非元素选择器

    4、偶数选择器

    5、奇数选择器

    6、等于索引选择器

    7、大于索引选择器

    8、小于索引选择器

    9、标题选择器

    五、表单过滤选择器

    1、可用元素选择器

    2、不可用元素选择器

    3、选中选择器

    4、选中选择器(下拉框)


    Hello,大家好,我是灰小猿,一个超会写bug的程序猿!

    今天来和大家分享一下jQuery的五种选择器的详细使用方法,那么何为选择器?从功能上来讲,它能够筛选具有相似特征的元素标签,在我们想要对具有相似特征的元素进行集中或统一操作时是十分有用的,

    选择器基本操作

    首先我们需要了解选择器使用的基本操作,该基本操作可以分为三步:

    1、事件绑定

    选择器的使用需要进行事件的绑定,一般来说我们可以将事件绑定到一个按钮上去,通过按钮的点击来触发相应的事件响应。

    2、入口函数

    同时在jQuery中,这样的事件绑定是需要写在一个入口函数中去的,在

    <script></script>的代码段中建立入口函数的语法是:

    $(function(){
    
    });

    在这里需要注意的是:在js中定义入口函数的window.onload方法和$(function)方法是有区别的,

    具体如下:

    window.onload只能定义一次,如果定义多次,后面的会将前面的覆盖掉

    $(function)方法是可以定义多次的,后面的不会将前面的覆盖掉

    3、样式控制

    当我们对选择器的事件进行了绑定之后,我们就可以通过选择器进行相应元素的样式控制了,在这里通常的表现是css方法,通过css方法来对相应的元素样式进行修改。

    来看一个基本操作的实例:

    <script type="text/javascript">
       $(function () {
          //标签选择器
          // 改变元素名为 <div> 的所有元素的背景色为 红色
          $("#b2").click(function f() {
             $("div").css("backgroundColor","yellow");
          });
       });
    </script>

    那么接下来就通过实例分别来和大家讲一下jQuery框架下的五种选择器的使用方法。

     

    一、基本选择器

    1、标签选择器

    标签选择器又称为“元素选择器”,

    语法:$(“html标签名”)

    作用:获得所有匹配标签元素名称的元素

    //标签选择器
    // 改变元素名为 <div> 的所有元素的背景色为 黄色id="b1"
    $("#b1").click(function f() {
       $("div").css("backgroundColor","yellow");
    });

    2、id选择器

    语法:$(“#id的属性值”)

    作用:获得与指定id属性值匹配的元素

    //id选择器
    // 改变 id 为 one 的元素的背景色为 粉色 id="b2"
    $("#b2").click(function () {
       $("#one").css("backgroundColor","pink");
    });

    3、类选择器

    语法:$(“.class的属性选择器”)

    作用:获得与指定class属性值匹配的元素

    //类选择器
    // 改变 class 为 mini 的所有元素的背景色为 红色id="b3"
    $("#b3").click(function () {
       $(".mini").css("backgroundColor","red");
    });
    
    

    4、并集选择器

    语法:$(“选择器1,选择器2....”)

    获取多个选择器选中的所有元素

    //并集选择器
    // 改变所有的<span>元素和 id 为 two 的元素的背景色为蓝色id="b4"
    $("#b4").click(function () {
       $("span,#two").css("backgroundColor","blue");
    });

     

    二、层级选择器

    1、后代选择器

    语法:$(“A B”)

    作用:选择A元素内部的所有B元素

    //后代选择器
    // 改变 <body> 内所有 <div> 的背景色为红色id="b1"
    $("#b1").click(function () {
       $("body div").css("backgroundColor","pink");
    });

    2、子选择器

    语法:$(“A > B”)

    作用:选择A元素内部的所有B子元素

    // 子选择器
    // 改变 <body> 内子 <div> 的背景色为 红色id="b2"
    $("#b2").click(function () {
       $("body > div").css("backgroundColor","red");
    });

    在这里需要注意的是:这两个选择器看上去似乎没有什么区别,但是我们在使用时就会发现其实是有区别的,后代选择器会将元素A内部的所有B元素都选中,而子选择器只会选中元素A的下一级元素中的B元素,范围是小于后代选择器的。具体可以看下面的实例:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>层次选择器</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
       <script  src="../js/jquery-3.3.1.min.js"></script>
       <style type="text/css">
             div,span{
                 width: 180px;
                 height: 180px;
                 margin: 20px;
                 background: #9999CC;
                 border: #000 1px solid;
                float:left;
                 font-size: 17px;
                 font-family:Roman;
             }
             
             div .mini{
                 width: 50px;
                 height: 50px;
                 background: #CC66FF;
                 border: #000 1px solid;
                 font-size: 12px;
                 font-family:Roman;
             }
             
             div .mini01{
                 width: 50px;
                 height: 50px;
                 background: #CC66FF;
                 border: #000 1px solid;
                 font-size: 12px;
                 font-family:Roman;
             }
             
        </style>
        <script type="text/javascript">
    
          $(function () {
             //后代选择器
             // 改变 <body> 内所有 <div> 的背景色为红色
             $("#b1").click(function () {
                $("body div").css("backgroundColor","pink");
             });
    
             // 子选择器
             // 改变 <body> 内子 <div> 的背景色为 红色
             $("#b2").click(function () {
                $("body > div").css("backgroundColor","red");
             });
    
          });
    
    
       </script>
       
       </head>
        
       <body>
                
           <input type="button" value="保存"  class="mini" name="ok"  class="mini" />
           <input type="button" value=" 改变 <body> 内所有 <div> 的背景色为红色"  id="b1"/>
           <input type="button" value=" 改变 <body> 内子 <div> 的背景色为 红色"  id="b2"/>
          
     
           <h1>有一种奇迹叫坚持</h1>
           <h2>自信源于努力</h2>
           
            <div id="one">
               id为one  
               
           </div>
          
           <div id="two" class="mini" >
                 id为two   class是 mini 
                 <div  class="mini" >class是 mini</div>
          </div>
          
           <div class="one" >
                 class是 one 
                 <div  class="mini" >class是 mini</div>
                <div  class="mini" >class是 mini</div>
           </div>
           <div class="one">
               class是 one 
                 <div  class="mini01" >class是 mini01</div>
                <div  class="mini" >class是 mini</div>
          </div>
          
          
          <span class="spanone">    span
          </span>
          
       </body>
       
       
    </html>

     

    三、属性选择器

    1、属性名称选择器

    语法:$(“A[属性名]”)

    作用:包含指定属性的选择器

    // 含有属性title 的div元素背景色为红色"  id="b1"
    $("#b1").click(function () {
       $("div[title]").css("backgroundColor","pink");
    });

    2、属性选择器

    语法:$(“A[属性名=’值’]”)

    作用:包含指定属性等于指定值的选择器,

    // 属性title值等于test的div元素背景色为红色"  id="b2"
     $("#b2").click(function () {
        $("div[title='test']").css("backgroundColor","red");
     });

    在这个选择器中,我们可以根据他的功能进行拓展,比如我们可以将:

    “=”换成“!=”,就是指定属性名称不等于指定值的选择器

     // 属性title值不等于test的div元素(没有属性title的也将被选中)背景色为红色"  id="b3"
     $("#b3").click(function () {
        $("div[title!='test']").css("backgroundColor","red");
     });

    根据正则表达式的使用规则:

    “=”换成“^=”,就是指定属性名称是以指定值开头的选择器

     // 属性title值 以te开始 的div元素背景色为红色"  id="b4"
     $("#b4").click(function () {
        $("div[title^='te']").css("backgroundColor","red");
     });

    “=”换成“$=”,就是指定属性名称是以指定值结尾的选择器

     // 属性title值 以est结束 的div元素背景色为红色"  id="b5"
    $("#b5").click(function () {
       $("div[title$='est']").css("backgroundColor","red");
    });

    “=”换成“*=”,就是指定属性名称中包含指定值的选择器

     // 属性title值 含有es的div元素背景色为红色"  id="b6"
     $("#b6").click(function () {
        $("div[title*='es']").css("backgroundColor","red");
     });

    3、复合属性选择器

    语法:$(“A[属性名=’值’][]...”)

    作用:包含多个属性条件的选择器

    // 选取有属性id的div元素,然后在结果中选取属性title值含有“es”的 div 元素背景色为红色"  id="b7"
    $("#b7").click(function () {
     $("div[id][title*='es']").css("backgroundColor","red");
    });

     

    四、过滤选择器

    1、首元素选择器

    语法:$(“A:first”)

    作用:获得选择的元素的第一个元素

    // 改变第一个 div 元素的背景色为 红色"  id="b1"
    $("#b1").click(function () {
       $("div:first").css("backgroundColor","red");
    });

    2、尾元素选择器

    语法:$(“A:last”)

    作用:获得选择的元素的最后一个元素

    // 改变最后一个 div 元素的背景色为 红色"  id="b2"
    $("#b2").click(function () {
       $("div:last").css("backgroundColor","red");
    });

    3、非元素选择器

    语法:$(“not(selector)”)

    作用:不包括指定内容的元素

    // 改变class不为 one 的所有 div 元素的背景色为 红色"  id="b3
    $("#b3").click(function () {
       $("div:not(.one)").css("backgroundColor","red");
    });

    4、偶数选择器

    语法:$(“A:even”)

    作用:从0开始计数,获得选择的元素中索引为偶数的元素

    // 改变索引值为偶数的 div 元素的背景色为 红色"  id="b4"
    $("#b4").click(function () {
       $("div:even").css("backgroundColor","red");
    });

    5、奇数选择器

    语法:$(“A:odd”)

    作用:从0开始计数,获得选择的元素中索引为奇数的元素

    // 改变索引值为奇数的 div 元素的背景色为 红色"  id="b5"
    $("#b5").click(function () {
       $("div:odd").css("backgroundColor","red");
    });

    6、等于索引选择器

    语法:$(“A:eq(index)”)

    作用:获得选择的元素中指定索引的元素

    // 改变索引值为等于 3 的 div 元素的背景色为 红色"  id="b7"
    $("#b7").click(function () {
       $("div:eq(3)").css("backgroundColor","red");
    });

    7、大于索引选择器

    语法:$(“A:gt(index)”)

    作用:获得选择的元素中大于指定索引的元素

    // 改变索引值为大于 3 的 div 元素的背景色为 红色"  id="b6"
    $("#b6").click(function () {
       $("div:gt(3)").css("backgroundColor","red");
    });

    8、小于索引选择器

    语法:$(“A:lt(index)”)

    作用:获得选择的元素中小于指定索引的元素

    // 改变索引值为小于 3 的 div 元素的背景色为 红色"  id="b8"
    $("#b8").click(function () {
       $("div:lt(3)").css("backgroundColor","red");
    });

    9、标题选择器

    语法:$(“:header”)

    作用:获得标题(h1~h6)元素,为固定写法

    // 改变所有的标题元素的背景色为 红色"  id="b9"
    $("#b9").click(function () {
       $(":header").css("backgroundColor","red");
    });

     

    五、表单过滤选择器

    1、可用元素选择器

    语法:$(“A:enabled”)

    作用:获得选择元素中的可用元素

    // 利用 jQuery 对象的 val() 方法改变表单内可用 <input> 元素的值"  id="b1"
    $("#b1").click(function () {
       $("input[type='text']:enabled").val("aaa");
    });

    2、不可用元素选择器

    语法:$(“A:disabled”)

    作用:获得选择元素中的不可用元素

    // 利用 jQuery 对象的 val() 方法改变表单内不可用 <input> 元素的值"  id="b2"
    $("#b2").click(function () {
       $("input[type='text']:disabled").val("bbb");
    });

    3、选中选择器

    语法:$(“A:checked”)

    作用:获得单选/复选框选中的元素

    // 利用 jQuery 对象的 length 属性获取复选框选中的个数"  id="b3"
    $("#b3").click(function () {
       var lengths = $("input[type='checkbox']:checked").length;
       alert(lengths);
    });

    4、选中选择器(下拉框)

    语法:$(“A:selected”)

    作用:获得下拉框选中的元素

    // 利用 jQuery 对象的 length 属性获取下拉框选中的个数"  id="b4"
    $("#b4").click(function () {
       var selects = $("#job > option:selected").length;
       alert(selects)
    });

    在这里需要注意一点:上面的两个选中选择器的作用对象是不一样的,第一个选中选择器的作用对象是单选/复选框,而第二个选中选择器的作用对象是下拉框,同时对于第二种选择器,它的作用内容是下拉框中的包含在<option></option>内的选项,因此在使用时应当使用“>”来具体说明,具体可以看下面的实例:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>表单属性过滤选择器</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
       <script  src="../js/jquery-3.3.1.min.js"></script>
       <style type="text/css">
    
             #job{
                margin: 20px;
             }
             #edu{
                margin-top:-70px;
             }
             
        </style>
        <script type="text/javascript">
          $(function () {
    
             // 利用 jQuery 对象的 length 属性获取复选框选中的个数"  id="b3"
             $("#b3").click(function () {
                var lengths = $("input[type='checkbox']:checked").length;
                alert(lengths);
             });
    
             // 利用 jQuery 对象的 length 属性获取下拉框选中的个数"  id="b4"
             $("#b4").click(function () {
                var selects = $("#job > option:selected").length;
                alert(selects)
             });
    
          });
    
       </script>
       </head>
        
       <body>
                
           <input type="button" value="保存"  class="mini" name="ok"  class="mini" />
           <input type="button" value=" 利用 jQuery 对象的 length 属性获取复选框选中的个数"  id="b3"/>
           <input type="button" value=" 利用 jQuery 对象的 length 属性获取下拉框选中的个数"  id="b4"/>
     
          <br><br>
           
           <br><br>
           <input type="checkbox" name="items" value="美容" >美容
           <input type="checkbox" name="items" value="IT" >IT
           <input type="checkbox" name="items" value="金融" >金融
           <input type="checkbox" name="items" value="管理" >管理
           
           <br><br>
           
            <input type="radio" name="sex" value="男" >男
            <input type="radio" name="sex" value="女" >女
            
             <br><br>
           
            <select name="job" id="job" multiple="multiple" size=4>
               <option>程序员</option>
             <option>中级程序员</option>
             <option>高级程序员</option>
             <option>系统分析师</option>
              </select>
              
              <select name="edu" id="edu">
               <option>本科</option>
             <option>博士</option>
             <option>硕士</option>
             <option>大专</option>
              </select>
           
          <br/>
          
       </body>
       
    </html>

     

    好了,关于jQuery框架中五种选择器的使用就先和大家分享到这里,之后还会继续和小伙伴们分享jQuery的选择器、DOM操作以及jQuery的高级进阶内容。

    觉得不错记得点赞关注哟!

    灰小猿陪你一起进步!

    展开全文
  • jQuery选择器总结(选择器+元素筛选)

    千次阅读 2021-01-21 21:33:10
    过滤选择器3.1基本过滤选择器3.2内容过滤选择器3.3属性过滤选择器3.4可见性过滤选择器3.5状态过滤选择器4.表单选择器二.jQuery元素筛选所用的一些方法 一.jQuery 选择器 1.基本选择器 #ID 选择器:根据 id 查找标签...

    一.jQuery 选择器

    1.基本选择器

    • #ID 选择器:根据 id 查找标签对象

    • .class 选择器:根据 class 查找标签对象

    • element 选择器:根据标签名查找标签对象

    • * 选择器:表示任意的,所有的元素

    • selector1,selector2 组合选择器:合并选择器 1,选择器 2 的结果并返回

    • 还有一种是没有逗号的,如$("div.one")表示选取class="one"的<div>,而$("div,.one")表示的是选取所有<div>和所有class="one"的元素

    示例:

    $("#lastname")  //选取id="lastname" 的元素
    $(".intro") //选取class="intro" 的所有元素
    $("p") //选取所有 <p> 元素
    $("*") //选取所有元素
    $("h1,div,p") //选取所有 <h1>、<div> 和<p> 元素
    $("div.one") //选取class="one"的<div>
    $("div,.one") //选取所有<div>和所有class="one"的元素
    

    2.层级选择器

    • ancestor descendant 后代选择器 :在给定的祖先元素下匹配所有的后代元素,即包括儿子元素,也包括孙子等其他元素
    • parent > child 子元素选择器:在给定的父元素下匹配所有的子元素,只包括儿子元素,不包括孙子等其他元素
    • prev + next 相邻元素选择器:匹配紧接在 prev 元素后的 next 元素 ,如果prev后面紧接者的不是next,则查找失败,如果是next,则只匹配一个紧接在 prev 元素后的 next 元素,而且prev与next之间是兄弟关系。
    • prev ~ sibings prev之后的兄弟元素选择器:匹配 prev 元素之后的所有 siblings 元素 ,而且只匹配prev 元素与 siblings 元素之间是兄弟关系的元素

    示例:

    $("body div") //选择 body 内的所有 div 元素
    $("body > div") //在 body 内, 选择为div的子元素
    $("#one+div") //选择 id 为 one 的下一个 div 元素
    $("#one~div") //选择 id 为 one 的元素后面的所有 div 兄弟元素
    

    3.过滤选择器

    3.1基本过滤选择器

    • :first 获取第一个元素
    • :last 获取最后个元素
    • :not(selector) 去除所有与给定选择器匹配的元素
    • :even 从 0 开始计数,匹配所有索引值为偶数的元素
    • :odd 从 0 开始计数 匹配所有索引值为奇数的元素
    • :eq(index) 匹配一个给定索引值的元素
    • :gt(index) 匹配所有大于给定索引值的元素
    • :lt(index) 匹配所有小于给定索引值的元素
    • :header 匹配如 h1, h2, h3 之类的标题元素
    • :animated 匹配所有正在执行动画效果的元素

    示例:

    $("li:first")    //第一个li
    $("li:last")     //最后一个li
    $("li:not(#runoob)") //挑选除 id="runoob" 以外的所有li
    $("li:even")     //挑选下标为偶数的li
    $("li:odd")      //挑选下标为奇数的li
    $("li:eq(4)")    //下标等于 4 的li(第五个 li 元素)
    $("li:gt(2)")    //下标大于 2 的li
    $("li:lt(2)")    //下标小于 2 的li
    $(":header")     //选择所有的标题元素
    $(":animated")   //选择当前正在执行动画的所有元素
    

    3.2内容过滤选择器

    • :contains(text) 匹配包含给定文本的元素
    • :empty 匹配所有不包含子元素或者文本的空元素
    • :parent 匹配含有子元素或者文本的元素
    • :has(selector) 匹配含有选择器所匹配的元素

    示例:

    $("div:contains('Runob')")    // 包含 Runob文本的div元素
    $("td:empty")                 //不包含子元素或者文本 的空td元素
    $("td:parent")                //选择含有子元素或者文本 的td元素
    $("div:has(.one)")        //选择含有 class 为 one 元素的 div 元素
    

    3.3属性过滤选择器

    • [attribute] 匹配包含给定属性的元素。
    • [attribute=value] 匹配给定的属性是某个特定值的元素
    • [attribute!=value] 匹配所有属性不等于特定值的元素,或者不含有该属性的元素(没有属性attribute的也将被选中)。
    • [attribute^=value] 匹配给定的属性是以某些值开始的元素
    • [attribute$=value] 匹配给定的属性是以某些值结尾的元素
    • [attribute*=value] 匹配给定的属性是以包含某些值的元素
    • [attrSel1][attrSel2][attrSelN] 复合属性选择器,需要同时满足多个条件时使用

    示例:

    $("div[id]")        //所有含有 id 属性的 div 元素
    $("div[id='123']")        // id属性值为123的div 元素
    $("div[id!='123']")        // id属性值不等于123的div元素,或者不含有id属性的div元素
    $("div[id^='aa']")        // id属性值以aa开头的div 元素
    $("div[id$='zz']")        // id属性值以zz结尾的div 元素
    $("div[id*='bb']")        // id属性值包含bb的div 元素
    $("div[id][title*='es']") //首先选取有属性id的div元素,然后在结果中 选取属性title值 含有'es'的 div 元素
    

    3.4可见性过滤选择器

    • :hidden 匹配所有不可见元素
    • :visible 匹配所有可见元素

    示例:

    $("li:hidden")       //匹配所有不可见的li
    $("li:visible")      //匹配所有可见的li
    

    3.5状态过滤选择器

    • :enabled 匹配所有可用元素
    • :disabled 匹配所有不可用元素
    • :checked 匹配所有选中的单选,复选,和下拉列表中选中的 option 标签对象
    • :selected 匹配所有选中的 option

    示例:

    $("input:enabled")    // 匹配可用的 input
    $("input:disabled")   // 匹配不可用的 input
    $("input:checked")    // 匹配选中的 input
    $("option:selected")  // 匹配选中的 option
    

    4.表单选择器

    • :input 匹配所有 input标签元素
    • :text 匹配所有 文本输入框
    • :password 匹配所有的密码输入框
    • :radio 匹配所有的单选框
    • :checkbox 匹配所有的复选框
    • :submit 匹配所有提交按钮
    • :image 匹配所有 img 标签
    • :reset 匹配所有重置按钮
    • :button 匹配所有 input type=button <button>按钮
    • :file 匹配所有 input type=file 文件上传

    示例:

    $(":input")      //匹配所有 input, textarea, select 和 button 元素
    $(":text")       //所有的单行文本框,$(":text") 等价于$("[type=text]"),推荐使用$("input:text")效率更高,下同
    $(":password")   //所有密码框
    $(":radio")      //所有单选按钮
    $(":checkbox")   //所有复选框
    $(":submit")     //所有提交按钮
    $(":image") 	 //所有带有 type="image" 的 input 元素
    $(":reset")      //所有重置按钮
    $(":button")     //所有button按钮
    $(":file")       //所有文件域
    
    

    二.jQuery元素筛选所用的一些方法

    • eq() 获取给定索引的元素 ;功能跟 :eq() 一样
    • first() 获取第一个元素 ;功能跟 :first 一样
    • last() 获取最后一个元素 ; 功能跟 :last 一样
    • filter(exp) 留下匹配的元素
    • is(exp) 判断是否匹配给定的选择器,只要有一个匹配就返回true
    • has(exp) 返回包含有匹配选择器的元素的元素 ;功能跟 :has 一样
    • not(exp) 删除匹配选择器的元素;功能跟 :not 一样
    • children(exp) 返回匹配给定选择器的子元素 ;功能跟 parent>child 一样
    • find(exp) 返回匹配给定选择器的后代元素 ;功能跟 ancestor descendant 一样
    • next() 返回当前元素的下一个兄弟元素 ;功能跟 prev + next 功能一样
    • nextAll() 返回当前元素后面所有的兄弟元素 ;功能跟 prev ~ siblings 功能一样
    • nextUntil() 返回当前元素到指定匹配的元素为止的后面元素
    • parent() 返回父元素
    • prev(exp) 返回当前元素的上一个兄弟元素
    • prevAll() 返回当前元素前面所有的兄弟元素
    • prevUnit(exp) 返回当前元素到指定匹配的元素为止的前面元素
    • siblings(exp) 返回所有兄弟元素
    • add() 把 add 匹配的选择器的元素添加到当前 jquery 对象中

    示例:

    $("div").eq(3) //选择索引值为等于 3 的 div 元素
    $("div").first() //选择第一个 div 元素
    $("div").last() //选择最后一个 div 元素
    $("div").filter(":even") //在div中选择索引为偶数的
    $("#one").is(":empty") //判断#one是否为:empty或:paren
    $("div").has(".one") //选择div中包含.one的
    $("div").not('.one') //选择div中class不为one的
    $("body").children("div.one") //在body中选择所有class为one的div子元素
    $("body").find("div.mini") //在body中选择所有class为mini的div元素
    $("#one").next("div") //#one的下一个div
    $("#one").nextAll("span") //#one后面所有的span元素
    $("#one").nextUntil("span") //#one和span之间的元素 
    $(".one").parent() //.one的父元素
    $("#two").prev("div") //#two的上一个div
    $("span").prevAll("div") //span前面所有的div
    $("span").prevUntil("#one") //span向前直到#one的元素
    $("#two").siblings() //#two的所有兄弟元素
    $("span").add("#two").add("#one") //选择所有的 span 元素和id为two的元素
    
    展开全文
  • CSS属性选择器

    2021-01-12 14:24:21
    CSS选择器主要分为五大类:元素选择器,关系选择器,属性选择器,伪类选择器和伪元素选择器。平时用的最多的是元素选择器和关系选择器,而本文主要讲讲用得比较少的属性选择器。首先亮出本文通用的例子:张三...

    CSS选择器主要分为五大类:元素选择器,关系选择器,属性选择器,伪类选择器和伪元素选择器。平时用的最多的是元素选择器和关系选择器,而本文主要讲讲用得比较少的属性选择器。

    首先亮出本文通用的例子:

    张三(zhangsan)

    刘三姐(liusanjie)

    张明(zhang-ming)

    黎三(lisan)

    李三(sandy lisan)

    无名氏

    接下来分别举例讲讲七大属性选择器。

    一、E[att],筛选具有att属性的元素

    css代码:

    p[name]{ color: #f00;}

    显示结果:

    p[name]

    可以看出,只要具有name属性的元素都会被筛选出来,而不具有name属性的“无名氏”颜色没有变化。

    二、E[att='val'],筛选att属性值为val的元素

    css代码:

    p[name='lisan']{ color: #f00;}

    显示结果:

    p[name='lisan']

    可以看出,只要name属性值为“lisan”的元素都会被筛选出来,而name属性为“sandy lisan”的元素并不会被筛选。

    三、E[att~='val'],属性值为用空格分隔的字词列表,其中一个等于val的元素(包含只有一个值且该值等于val的情况)

    css代码:

    p[name~=lisan]{ color: #f00;}

    显示结果:

    p[name~=lisan]

    可以看出,除了可以筛选出name属性值为“lisan”的元素,name属性值为“sandy lisan”的元素同样也会被筛选出来。

    四、E[att^='val'],筛选att属性值以val开头的元素

    css代码:

    p[name^=zhang]{ color: #f00;}

    显示结果:

    p[name^=zhang]

    可以看出,只要是name属性值以“zhang”开头的元素都会被筛选出来。

    五、E[att$='val'],筛选att属性值以val结尾的元素

    css代码:

    p[name$=san]{ color: #f00;}

    显示结果:

    p[name$=san]

    可以看出,只要是name属性值以“san”结尾的元素都会被筛选出来。

    六、E[att*='val'],筛选att属性值中包含val的元素

    css代码:

    p[name*=san]{ color: #f00;}

    显示结果:

    p[name*=san]

    可以看出,只要是name属性值中包含“san”的元素都会被筛选出来。

    七、E[att|='val'],筛选att属性值以val开头并且其后紧跟着 “-” 的元素

    css代码:

    p[name|=zhang]{ color: #f00;}

    显示结果:

    image.png

    可以看出,只要是name属性值以“zhang”开头并且其后紧跟着 “-” 的元素都会被筛选出来,所以只有“张明”颜色变红,而“张三”颜色不变。

    兼容性:以上七个属性选择器均兼容主流浏览器,IE兼容到IE7,可以放心使用。

    如果你喜欢或者经常使用微信的话,可以关注微信公众号:前端微站(qianduanwz),更多前端干货将第一时间推送给你哦~~

    扫描或长按关注前端微站

    展开全文
  • html的几种选择器

    2021-08-23 23:23:24
    一、并集选择器 就是把两个选择器写在一起,用逗号隔开。例如:.pp1,.pp2{} <DOCTYPE! html> <html> <head> <title>第九题</title> <meta charset="utf-8"> <style...
  • 四种CSS 复合选择器

    千次阅读 2020-12-23 02:50:47
    接着【四种CSS 基础选择器】整理总结【四种CSS 复合选择器】相关知识,包括后代选择器、子选择器、并集选择器和伪类选择器
  • css选择器怎么选取第几个元素

    千次阅读 2021-08-04 08:47:53
    css选择器选取第几个元素的方法:1、使用“first-child”选择器选取属于其父元素的首个子元素;2、使用“last-child”选择列表中的最后一个标签;3、使用“nth-child(3)”选择第3个标签等等。本文操作环境:windows7...
  • 一张图快速了解五大架构风格

    千次阅读 2021-10-23 17:56:20
    架构风格 架构风格定义了用于描述系统的术语表和一组指导构建系统的规则。...管道过滤 流式数据、弱用户交互 每个构件都有一组输入和输出,构件读输入的数据流,经过内部处理,然后产生输出数据流。这个过
  • CSS 选择器详解

    万次阅读 2021-08-17 22:38:55
    案例、class类选择器1.简介2.案例六、后代选择器1.简介2.案例七、子选择器1.简介2.案例八、相邻兄弟选择器1.简介2.案例九、通用兄弟选择器1.简介2.案例十、分组选择器1.简介2.案例 一、CSS 选择器介绍 简介 ...
  • 在八爪鱼中,创建循环列表有两种...循环的高级选项中,有五大循环方式:URL循环、文本循环、单个元素循环、固定元素列表循环和不固定元素列表循环。一、URL循环(云采集可实现加速)适用情况:在多个同类型的网页中,...
  • CSS 基础教程:CSS 选择器

    千次阅读 2021-07-11 21:28:34
    我们可以将 CSS 选择器分为类: 简单选择器(根据名称、id、类来选取元素) 组合器选择器(根据它们之间的特定关系来选取元素) 伪类选择器(根据特定状态选取元素) 伪元素选择器(选取元素的一部分并设置其样式...
  • 选择器3.ID选择器4.群组选择器5.通配符(全局)选择器6.后代选择器7.子选择器8.伪类选择器(1)链接伪类(2)伪类选择器的其他用法9.属性选择器10.选择器的优先级以及权重11.!important用法 一、什么是CSS? 1.CSS...
  • Element-UI中Select选择器详解

    千次阅读 2020-12-24 10:29:25
    value: ‘马化腾’ 在输入框按下回车,选择第一个匹配项 在el-select标签中添加default-first-option属性,需配合 filterable 或 remote 使用。 在下拉菜单中,展示多项数据 目前我们在options数组中为每一个数据...
  • 冯诺依曼结构计算机的五大部分:1、输入数据和程序的“输入设备”;2、记忆程序和数据的“存储器”;3、完成数据加工处理的“运算”;4、控制程序执行的“控制”;5、输出处理结果的“输出设备”。本文操作环境...
  • 微服务五大组件

    千次阅读 2021-09-22 10:17:25
    5.Hystix:熔断 以电商项目为例: 一.Eureka是微服务架构中的注册中心,专门负责服务的注册与发现。 库存服务、仓储服务、积分服务中都有一个Eureka Client组件,这个组件专门负责将这个服务的信息注册到...
  • nio学习之Selector选择器

    千次阅读 2021-12-09 22:51:13
    nio学习之Selector选择器Selector选择器三个相关的类如何创建选择器SelectionKey选择键相关的方法选择器的使用服务器端模板代码selector.select()方法阻塞问题案例服务器端代码客户端代码补充说明select()方法的三个...
  • SpringCloud的五大组件详解

    千次阅读 2021-02-23 22:55:35
    “Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路,智能路由,微代理,控制总线)。分布式系统的协调导致了样板模式, 使用Spring Cloud开发人员可以快速地...
  • 在如今这个时间和知识都是碎片化的时代,C站根据C1-C4认证的成长路径,进行知识细化整理,形成系统化的知识图谱。 通过调研一线互联网大厂的招聘JD,小编对标C站能力认证要求,为大家整理了...常见HTML语义化标签.
  • 阿ken的HTML、CSS的学习笔记_CSS3选择器(笔记四)

    千次阅读 多人点赞 2021-01-23 18:13:31
    他们大多有趣且人心善良 但却也被生活折腾的一塌糊涂 这好像让我看到了如果再一直浑浑噩噩下去年十年后自己的影子 稍微明白一点儿父亲的苦 … … 没有人在年少时想要成为一个普通人 4_CSS选择器 4.1_引入CSS样式表...
  • 大屏设计重磅升级【积木报表】

    千次阅读 2021-05-16 18:09:02
    5、新增多种字符云配置 字符云支持更多样式设置,支持三角形、角星等多形状设置 6、地图配置优化省份选择更方便 地图省份支持级联选择,不再需要手工创建 7、设计样式优化,支持标尺和缩放 设计更加美观,...
  • 五大存储: 在Android中,可供选择的存储方式有SharedPreferences、文件存储、SQLite数据库方式、内容提供(Content provider)和网络。 一.SharedPreferences方式 Android提供用来存储一些简单的配置信息的一种...
  • 文章目录「一」jQuery 概述1. JavaScript 库2. jQuery 概念3. jQuery 优点「二」... jQuery 基本选择器2. jQuery 层级选择器3. 隐式迭代4. jQuery 筛选选择器5. jQuery 筛选方法6. jQuery 排他思想 「一」jQuery 概.
  • 话题:微型计算机系统的硬件包括哪五大组成部分?各部分的功能回答:硬件的系统包括控制、运算、储存设备、输入设备、输出设备五个部分。1. 运算 运算是完成二进制编码的算术或逻辑运算的部件。运算由累加...
  • 强化学习五大方面-奖励与策略结构

    千次阅读 2021-01-22 22:56:05
    代理通过接受来自环境奖励判断自己行为地好坏,从而通过更可能的选择收益高的行为使自己趋于目标状态。好比老师为你的行为打的分数。 策略   前文提到,策略是代理状态空间到动作空间的映射,即策略是一个函数,...
  • 从型号上区分漏电保护带有LE或L简单地说漏电保护是在漏电时对人体起到保护作用“漏电断路”,是在电路发生漏电或短路时起到保护作用,具有双重作用每个厂家的型号表示方法不尽相同,但有共同点:型号中带有LE...
  • 若 flag=0 ,表述读取原文件的前幅图作为训练数据,若 flag=1 ,表述读取原文件 的后幅图作为测试数据,数据存入 f_matrix 中,每一行为一个文件,每行为 112*92 列。参见: ReadFace.m b) 主成分分析法降维并...
  • 文章目录前言一、Serial收集(标记-复制算法)二、ParNew收集(标记-复制算法)三、Parallel Scavenge收集(标记-复制算法)四、Serial Old收集(标记-整理算法)、Parallel Old收集(标记-整理算法)六、CMS收集...
  • 蜂鸣驱动电路图大全(款蜂鸣驱动电路原理图) http://www.elecfans.com/dianlutu/195/20180529686860.html STM32F103通用定时器PWM应用例程--蜂鸣演奏乐曲 ... 请问大家下图这个输出方波信号的板子可以直接...
  • 但是因为技术的快速发展,现在是信息爆炸的时代,有多余的可用数据,因此通常会出现多余的特征。许多特征都是多余的。 它们会为模型增加噪音,并使模型解释出现问题。 我们面临的问题是确定哪些特征与问题相关。 ...
  • 和 layer 一样,你可以在 layui 中使用 layDate,也可直接使用 layDate 独立版,请按照你的实际需求来选择。场景用前准备调用方式1. 在 layui 模块中使用下载 layui 后,引入layui.css和layui.js即可通过layui.use('...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 526,475
精华内容 210,590
关键字:

五大选择器