jquery选择器篇

最新推荐文章于 2024-07-14 03:39:44 发布
最新推荐文章于 2024-07-14 03:39:44 发布
阅读量581 收藏
点赞数
分类专栏： Web前端（Art） Pharos(小白路标) 文章标签： jQuery 选择器


var j = jQuery.noConflict();

让出对变量$的控制权，并将jquery付给别名j

jquery.noConflict(true);让出对变量$和jquery的控制权

jQuery(selector, context)  

selector 表示选择器

<div ><div><input/></div></div>

$(div <div <input)

$(div).find(div).find(input).eq(0)

context 表示jquery对象

<div id="n1">
    <div id="n2">
        <ul id="n3">
            <li id="n4">item1</li>
            <li id="n5">item2</li>
            <li id="n6">item3</li>
        </ul>
    </div>  
</div>
  
  
var $li = $("ul li");
// 返回当前文档的document对象
document.writeln( $li.context ); // [object HTMLDocument]
document.writeln( $li.context === document ); // true

var n1 = document.getElementById("n1");
var $n3 = $( "#n3", n1 );
// 返回n1
document.writeln( $n3.context ); // [object HTMLDivElement]
document.writeln( $n3.context === n1 ); // true

var $n2 = $("#n2");
var $n4 = $( "#n4", $n2 );
// 返回$n2的context属性：document对象
document.writeln( $n4.context ); // [object HTMLDocument]
document.writeln( $n4.context === document ); // true

var $n3 = $("#n3", n1);
var $n5 = $( "#n5", $n3 );
// 返回$n3的context属性：n1
document.writeln( $n5.context ); // [object HTMLDivElement]
document.writeln( $n5.context === n1 ); // true



jQuery.length 属性详解

length表示jquery对象封装的dom元素个数,如果该对象是一个空的jQuery对象，没有封装任何元素，则返回0。

jQuery.size() 函数详解

size()函数用于返回当前jQuery对象封装的元素个数。

jQuery.index() 函数详解


index()函数用于获取当前jQuery对象中指定DOM元素的索引值。


Jquery("#id") 通过id访问元素


Jquery("Div")通过TagName访问元素

Jquery(".className") 通过className访问元素

<div id="n1">
    <p id="n2" class="test"></p>
    <p id="n3" class="detail">
        <span id="n4" class="test codeplayer"></span>
    </p>
</div>
  
  

   
   
  
  

// 选择了id分别为n1、n2、n4的三个元素
$("#n1,#n2,span.test");
 
 
// 选择了id分别为n3、n2、n4的三个元素
$("p.detail,.test");

jQuery 选择器(parent > child)详解

// 这里的parent表示具体的父辈选择器
// 这里的child表示具体的子辈选择器
jQuery( "parent > child" )
 
 

<div id="n1">
    <p id="n2" class="test">
        <span id="n3" class="a">Hello</span>
    </p>
    <p id="n4" class="detail">
        <span id="n5" class="b codeplayer">World
            <span id="n6" class="c">365mini.com</span>
        </span>
    </p>
</div>
  
  

   
   
  
  

// 选择了id分别为n3、n5的两个元素
// n6不是p标签的子元素，而是孙子辈的元素，因此无法匹配
$("p > span");

我们可以配合使用所有元素选择器(*)来实现只查找孙子辈元素的选择器。例如：我们想要查找id为n1的元素的孙子辈的span标签，对应的jQuery代码如下：

// 选择了id分别为n3、n5的两个元素
$("#n1 > * > span");

jQuery 选择器(prev + next)详解

选择器next的查找范围必须是与"prev元素"相邻的下一个元素，并且必须是"prev元素"的同辈元素。
 


<div id="n1">
    <p id="n2" class="test">
        <span id="n3" class="a">Hello</span>
        <span id="n4">Hello</span>
    </p>
    <p id="n5" class="detail">
        <span id="n6" class="b codeplayer">World
            <span id="n7" class="a">http://365mini.com</span>
            <span id="n8"></span>
            <span id="n9"></span>
        </span>
    </p>
</div>

现在，我们想要查找与p标签相邻的下一个同辈p标签，则可以编写如下jQuery代码：

// 选择了id为n5的一个元素
$("p + p");

接着，我们查找与span标签相邻的下一个同辈span标签，则可以编写如下jQuery代码：

// 选择了id分别为n4、n8、n9的三个元素
// n4是n3的next，n8是n7的next，n9是n8的next
$("span + span");


查找与包含类名a的span标签相邻的下一个同辈span标签，对应的jQuery代码如下：

// 选择了id分别为n4、n8的两个元素
// n8没有包含类名a，因此无法匹配其next——n9
$("span.a + span");
 
 

  
  
 
 
jQuery 选择器(prev ~ siblings)详解
jQuery的prev ~ siblings选择器用于匹配prev元素之后的所有同辈的siblings元素，将其封装为jQuery对象并返回。
 

<div id="n1">
    <p id="n2" class="test">
        <span id="n3" class="a">Hello</span>
        <span id="n4">Hello</span>
    </p>
    <p id="n5" class="detail">
        <span id="n6" class="b codeplayer">World
            <span id="n7" class="a">http://365mini.com</span>
            <span id="n8"></span>
            <span id="n9"></span>
        </span>
    </p>
</div>
  
  

   
   
  
  

// 选择了id为n5的一个元素
$("p ~ p");
 
 

  
  
 
 

// 选择了id分别为n4、n8、n9的三个元素
// n9属于n7的~siblings，也是n8的~siblings，同一个元素只计入一次
$("span ~ span");

jQuery 选择器(:first)详解

jQuery的:first选择器用于获取匹配到的第一个元素，将其封装为jQuery对象并返回。:first选择器等价于 :eq(0)选择器 。
 

// 选择了id为n1的一个元素
$("div:first");
 
 

  
  
 
 


 
 

  
  
 
 
// 选择了id为n4的一个元素
// 虽然HTML中有两个ul标签，但:first不是分别取每个ul中的第一个li，而是从上到下只要找到一个符合条件的元素就立即返回
$("ul li:first");
  
  

   
   
  
  



 
 

  
  
 
 




jQuery 选择器(:last)详解




jQuery的:last选择器用于获取匹配到的最后一个元素，将其封装为jQuery对象并返回。


与该选择器相对的是:first选择器，用于获取匹配到的第一个元素。


// 选择了id为n7的一个元素
$("div:last");
  
  

   
   
  
  


  
  

   
   
  
  
Jquery选择器（：even）
  
  

   
   
  
  
jQuery的:even选择器用于匹配所有索引值为偶数的元素，将其封装为jQuery对象并返回。

  
  

   
   
  
  


  
  

   
   
  
  
<div id="n1">
    <div id="n2">
        <ul id="n3">
            <li id="n4">item1</li>
            <li id="n5">item2</li>
            <li id="n6">item3</li>
        </ul>
    </div>
    <div id="n7">
        <table id="n8">
            <tr id="n9"><td>cell1</td></tr>
            <tr id="n10"><td>cell2</td></tr>
            <tr id="n11"><td>cell3</td></tr>
        </table>
    </div>
</div>
   
   

    
    
   
   
// 选择了id分别为n9、n11的两个元素
$("tr:even");
  
  

   
   
  
  



jquery(:odd)查找索引值为基数的元素




jQuery 选择器(:eq(index))详解


 
 

  
  
// 这里的selector表示具体的选择器
// 这里的index表示指定的索引值
jQuery( "selector:eq(index)" )
   
   

    
    
   
   

  
  
<div id="n1">
    <div id="n2">
        <ul id="n3">
            <li id="n4">item1</li>
            <li id="n5">item2</li>
            <li id="n6">item3</li>
        </ul>
    </div>
    <div id="n7">
        <ul id="n8">
            <li id="n9">item1</li>
            <li id="n10">item2</li>
        </ul>
    </div>
</div>
    
    

     
     
    
    

  
  


    
    

     
     
    
    

  
  现在，我们想要查找第2个div标签，则可以编写如下jQuery代码：


 
 


 
 

  
  
// 选择了id为n2的一个元素
$("div:eq(1)");
   
   

    
    
   
   


  
  
接着，获取匹配ul li选择器的元素中的第4个元素，则可以编写如下jQuery代码：


  
  
// 选择了id为n9的一个元素
$("ul li:eq(3)");
   
   

    
    
   
   

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


 
 

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


 
 

  
  


 
 


 
 


  
  
jQuery 选择器(:first-child)详解


  
  jQuery的:first-child选择器用于匹配作为父元素的第一个子元素的元素，将其封装为jQuery对象并返回。:first-child选择器等价于
  
  :nth-child(0)选择器
  
  。


 
 


 
 

  
  
<div id="n1">
    CodePlayer
    <div id="n2">
        <ul id="n3">
            <li id="n4">item1</li>
            <li id="n5" class="c">item2</li>
            <li id="n6" class="c">item3</li>
        </ul>
    </div>
    <div id="n7">
        <ul id="n8">
            <li id="n9">item1</li>
            <li id="n10">item2</li>
        </ul>
    </div>
</div>
    
    

     
     
    
    

  
  
// 选择了id分别为n4、n9的两个元素
$("ul li:first-child");
   
   

    
    
   
   

  
  


 
 


 
 


  
  
jQuery 选择器(:only-child)详解


  
  jQuery的:only-child选择器用于匹配作为父元素的唯一子元素的元素，将其封装为jQuery对象并返回。


 
 


 
 

  
  


 
 


 
 

  
  
<div id="n1">
    <div id="n2">
        CodePlayer--专注于编程开发技术分享
        <ul id="n3">
            <li id="n4">item1</li>
            <li id="n5">item2</li>
            <li id="n6">item3</li>
        </ul>
    </div>
    <div id="n7">
        <ul id="n8">
            <li id="n9">item1</li>
        </ul>
    </div>
</div>
    
    

     
     
    
    


  
  
现在，我们想要查找不同父辈元素的最后一个div标签，则可以编写如下jQuery代码：


  
  
// 选择了id为n9的一个元素
$("ul li:only-child");
   
   

    
    
   
   


  
  
查找作为父元素的"独生子"的ul标签，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n3、n8的两个元素
// n3的父元素n2虽然有自己的文本内容，但是只有n3这一个子元素，因此n3也算是唯一子元素
$("ul:only-child");
   
   

    
    
   
   


  
  
jQuery 选择器(:nth-child(n))详解


  
  jQuery的:nth-child(n)选择器用于匹配作为父元素下的第n个(或特定顺序的)子元素的元素，将其封装为jQuery对象并返回。


 
 


 
 

  
  


 
 


 
 


  
  
  • :nth-child(odd)表示匹配作为父元素的奇数(第1、3、5、7……个)子元素的元素；
  • :nth-child(even)表示匹配作为父元素的偶数(第2、4、6、8……个)子元素的元素；
  • :nth-child(3n)表示匹配作为父元素的第3n个子元素的元素(n表示包括0在内的自然数，下同)；
  • :nth-child(3n+1)表示匹配作为父元素的第3n+1个子元素的元素；
  • :nth-child(3n+2)表示匹配作为父元素的第3n+2个子元素的元素；


  
  
<div id="n1">
    <div id="n2">
        <ul id="n3">
            <li id="n4" class="c">item1</li>
            <li id="n5">item2</li>
            <li id="n6" class="c">item3</li>
        </ul>
    </div>
    <div id="n7">
        <ul id="n8">
            <li id="n9">item1</li>
            <li id="n10">item2</li>
        </ul>
    </div>
</div>
    
    

     
     
    
    


  
  
现在，我们想要为每个ul标签内查找它的第2个li标签，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n5、n10的两个元素
$("ul li:nth-child(2)");
   
   

    
    
   
   


  
  
接着，为每个ul标签查找自然顺序为奇数的li标签，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n4、n6、n9的3个元素
$("ul li:nth-child(odd)");
   
   

    
    
   
   


  
  
jQuery 选择器(:nth-last-child(n))详解


  
  

   
   jQuery的:nth-last-child(n)选择器用于匹配作为父元素下的倒数第n个子元素或符合特定顺序规则的元素，将其封装为jQuery对象并返回。


  
  


  
  

   
   


  
  


  
  


   
   
jQuery 选择器(:first-of-type)详解


   
   jQuery的:first-of-type选择器用于匹配作为父元素的第一个该类型的子元素的元素，将其封装为jQuery对象并返回。:first-of-type选择器等价于
   
   :nth-of-type(1)选择器
   
   。


  
  


  
  

   
   
<div id="n1">
    <div id="n2" class="abc">
        <label id="n3">label1</label>
        <span id="n4">span1</span>
        <span id="n5" class="abc">span2</span>
        <span id="n6">span3</span>
    </div>
    <div id="n7">
        <span id="n8" class="abc">span1</span>
        <span id="n9">span2</span>
    </div>
</div>
     
     

      
      
     
     

   
   


  
  


  
  


   
   
现在，我们查找作为父元素的span类型子元素中的"长子"的span标签，则可以编写如下jQuery代码：


   
   
// 选择了id分别为n4、n8的两个元素
// n4虽然不是n2的第一个子元素，但它是n2所有span类型子元素中的第一个，因此可以匹配
$("span:first-of-type");
    
    

     
     
    
    


   
   
接着，查找所有包含类名abc的元素，而且它们必须是父元素的该类型子元素中的"长子"，则可以编写如下jQuery代码：


   
   
// 选择了id分别为n2、n8的两个元素
// .abc可以匹配id分别为n2、n5、n8的3个元素，n2是n1所有div类型子元素中的第一个，n8是n7所有span类型子元素中的第一个，但n5不是n2所有span类型子元素中的第一个，因此不能匹配n5。
$(".abc:first-of-type");
    
    

     
     
    
    


   
   
jQuery 选择器(:has(selector))详解


   
   jQuery的:has(selector)选择器用于匹配所有包含selector元素的元素，将其封装为jQuery对象并返回。


  
  


  
  

   
   
<div id="n1">
    <p id="n2" class="test">
        <span id="n3" class="a">Hello</span>
        <span id="n4">Hello</span>
    </p>
    <p id="n5" class="detail">
        <span id="n6" class="b codeplayer">World
            <span id="n7" class="a">http://365mini.com</span>
            <span id="n8"></span>
            <span id="n9"></span>
        </span>
    </p>
</div>
     
     

      
      
     
     


   
   
现在，我们想要在id为n1的div标签内查找所有包含span标签的元素，则可以编写如下jQuery代码：


   
   
// 选择了id分别为n2、n5、n6的3个元素
$("#n1 :has(span)");
    
    

     
     
    
    


   
   
接着，我们在id为n1的div标签内查找包含类名为b的span标签的元素，则可以编写如下jQuery代码：


   
   
// 选择了id为n5的一个元素
$("#n1 :has(span.b)");
    
    

     
     
    
    

   
   


  
  


  
  
jQuery 选择器(:not(selector))详解


  
  jQuery的:not(selector)选择器用于排除所有与选择器selector匹配的元素，并将剩余的其他DOM元素封装为jQuery对象并返回。


 
 


 
 

  
  
<div id="n1">
    <div id="n2">
        <ul id="n3">
            <li id="n4">item1</li>
            <li id="n5">item2</li>
            <li id="n6">item3</li>
        </ul>
    </div>
    <div id="n7">
        <ul id="n8">
            <li id="n9">item1</li>
            <li id="n10">item2</li>
        </ul>
    </div>
</div>
    
    

     
     
    
    


  
  
现在，我们想要查找除了id为n2的元素以外的所有元素，则可以编写如下jQuery代码：


  
  
// 选择除了id为n2的元素以外的所有元素，包括html、head、style、link、title、meta、script等
$(":not(#n2)"); // 这相当于 $("*:not(#n2)");
   
   

    
    
   
   


  
  
接着，查找所有ul标签中除了id为n5的li标签以外的所有li标签，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n4、n6、n9、n10的4个元素
$("ul li:not(#n5)");
   
   

    
    
   
   

  
  


 
 


 
 

  
  


 
 


 
 


  
  
jQuery 选择器(:contains(text))详解


  
  

   
   


  
  


  
  

   
   jQuery的:contains(text)选择器用于匹配包含指定文本的元素，将其封装为jQuery对象并返回。


  
  


  
  


 
 


 
 

  
  
<div id="n1">
    <div id="n2">
            <span id="n3">张三</span>
            <span id="n4">CodePlayer</span>
    </div>
    <div id="n5">
        <span id="n6">CodePlayer</span>
    </div>
    <div id="n7">
        CodePlayer
    </div>
</div>
    
    

     
     
    
    

  
  


 
 


 
 


  
  
现在，我们想要在id为n1的div标签内查找所有包含字符串"CodePlayer"的元素，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n2、n4、n5、n6、n7的5个元素
// n5的子元素n6中包含"CodePlayer"，因此n5也会被计入在内
$("#n1 :contains(CodePlayer)");
   
   

    
    
   
   


  
  
接着，在id为n1的div标签内查找所有包含字符串"张三"的元素，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n2、n3的两个元素
// n2的子元素n3包含"张三"，因此n2也会被计入在内
$("#n1 :contains(张三)");
   
   

    
    
   
   

  
  


 
 


 
 


  
  
jQuery 选择器(:empty)详解


  
  空的元素，是指该元素既不包含子元素，也不包含文本内容(哪怕是空格或换行符，也算有文本内容)。


 
 


 
 

  
  


 
 


 
 


  
  
以下面这段HTML代码为例：


  
  
<div id="n1">
    <div id="n2">
            <span id="n3">张三</span>
            <span id="n4"> </span>
    </div>
    <div id="n5">
        <span id="n6"></span>
    </div>
    <div id="n7">
    </div>
</div>
    
    

     
     
    
    


  
  
现在，我们想要查找id为n1的div标签内所有有内容的元素，则可以编写如下jQuery代码：


  
  
// 选择了id为n6的一个元素
$("#n1 :empty");
   
   

    
    
   
   


  
  
查找所有有内容的span标签，则可以编写如下jQuery代码：


  
  
// 选择了id为n6的一个元素
$("span:empty");
   
   

    
    
   
   


  
  
jQuery 选择器(:visible)详解


  
  jQuery的:visible选择器用于匹配所有可见的元素，将其封装为jQuery对象并返回。


 
 


 
 


  
  
以下面这段HTML代码为例：


  
  
<div id="n1">
    <p id="n2" style="display: none;"></p>
    <p id="n3">
        <span id="n4">CodePlayer</span>
        <input id="n5" type="hidden" value="专注于编程开发技术分享">
        <span id="n6" style="visibility: hidden;">http://www.365mini.com</span>
        <span id="n7" style="opacity: 0;">jQuery手册</span>
    </p>
</div>
    
    

     
     
    
    


  
  
现在，我们想要在id为n1的div标签内查找所有可见的元素，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n3、n4、n6、n7的4个元素
$("#n1 :visible");
   
   

    
    
   
   


  
  
在id为n1的div标签内查找所有可见的span标签，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n4、n6、n7的3个元素
$("#n1 span:visible");
   
   

    
    
   
   

  
  


   
   

    
    
   
   

  
  jquery 选择器（：hidden)详解
 
 


 
 

  
  jQuery的:hidden选择器用于匹配所有不可见的元素，将其封装为jQuery对象并返回。


 
 


 
 

  
  


 
 


 
 


  
  
jQuery 选择器(:header)详解


 
 

jQuery的:header选择器用于匹配所有的标题元素(h1 ~ h6)，将其封装为jQuery对象并返回。


 
 

  
  :header选择器会匹配h1、h2、h3之类的所有标题元素，如果你只想匹配某种标题元素，可以直接使用
  
  标签选择器
  
  ，例如：$("h1")。


 
 


 
 

  
  


 
 


 
 


  
  
以下面这段HTML代码为例：


  
  
<div id="n1">
    <h1 id="n2">标题1</h1>
    <div id="n3">
        <h2 id="n4">标题2</h2>
    </div>
    <div id="n5">
        <h3 id="n6">标题3</h3>
        <h3 id="n7">标题4</h3>
    </div>
</div>
    
    

     
     
    
    


  
  
现在，我们想要查找所有的标题元素，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n2、n4、n6、n7的4个元素
$(":header");
   
   

    
    
   
   


  
  
接着，查找id为n5的div标签内的所有标题元素，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n6、n7的两个元素
$("#n5 :header");
   
   

    
    
   
   

  
  


 
 


 
 


  
  
jQuery 选择器(:focus)详解


  
  jQuery的:focus选择器用于匹配当前获得焦点的元素，将其封装为jQuery对象并返回。


 
 


 
 


  
  
以下面这段HTML代码为例：


  
  
<div id="n1">
    <input name="name" type="text" label="姓名"><br>
    <input name="age" type="text" label="年龄"><br>
    <input name="cellphone" type="text" label="手机号码">
</div>
<div id="message"></div>
    
    

     
     
    
    


  
  
现在，我们为当前获得焦点的<input>元素显示提示信息，则可以编写如下jQuery代码：


  
  
// 当<input>元素获得焦点时，在#message中显示"请输入[姓名]"、"请输入[年龄]"等相应的提示信息。
$("input").on("focus blur", function(){
    var me = $(this);
    var msg = me.is(":focus") ? ("请输入[" + me.attr("label") + "]") : "";
    $("#message").html(msg);
});
   
   

    
    
   
   


  
  
jQuery 选择器([attribute])详解


  
  jQuery的[attribute]选择器用于匹配所有具有指定属性的元素，将其封装为jQuery对象并返回


 
 


 
 


  
  
以下面这段HTML代码为例：


  
  
<div id="n1">
    <div id="n2">
        <ul id="n3">
            <li id="n4">item2</li>
            <li id="n5" class="c" tabindex="3">item3</li>
        </ul>
    </div>
    <div id="n6" class>
        <ul id="n7">
            <li id="n8" class="">item1</li>
            <li id="n9">item2</li>
        </ul>
    </div>
</div>
    
    

     
     
    
    


  
  
现在，我们想要查找所有具有class属性的元素，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n5、n6、n8的3个元素
$("[class]");
   
   

    
    
   
   


  
  
接着，查找所有同时具有class属性和tabindex属性的元素，则可以编写如下jQuery代码：


  
  
// 选择了id为n5的一个元素
$("[class][tabindex]");
   
   

    
    
   
   


  
  
jQuery 选择器([attribute=value])详解


  
  jQuery的[attribute=value]选择器用于匹配指定属性为指定值的所有元素，将其封装为jQuery对象并返回。


 
 


 
 


  
  
以下面这段HTML代码为例：


  
  
<div id="n1">
    <div id="n2">
        <input id="n3" name="id[]" type="checkbox" value="1" >
        <input id="n4" name="id[]" type="checkbox" value="2" >
        <input id="n5" name="id[]" type="checkbox" value="3" >
    </div>
    <div id="n6">
        <ul id="n7">
            <li id="n8" dataId="5">item1</li>
            <li id="n9">item2</li>
        </ul>
    </div>
</div>
    
    

     
     
    
    


  
  
现在，我们想要查找所有name属性为page_id[]的元素，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n3、n4、n5的3个元素
$("[name='id[]']");
   
   

    
    
   
   


  
  
接着，查找所有dataId属性为5的元素，则可以编写如下jQuery代码：


  
  
// 选择了id为n8的一个元素
$("[dataId=5]");
   
   

    
    
   
   

  
  


 
 


 
 


  
  
jQuery 选择器([attribute!=value])详解


  
  jQuery的[attribute!=value]选择器用于匹配指定属性不等于指定值的所有元素，将其封装为jQuery对象并返回。


 
 


 
 

  
  
<div id="n1">
    <div id="n2">
        <input id="n3" name="id[]" type="checkbox" value="1" >
        <input id="n4" name="id[]" type="checkbox" value="2" >
        <input id="n5" name="id[]" type="checkbox" value="3" >
    </div>
    <div id="n6">
        <ul id="n7">
            <li id="n8" dataId="x[5]">item1</li>
            <li id="n9">item2</li>
        </ul>
    </div>
</div>
    
    

     
     
    
    


  
  
现在，我们想要查找所有id属性不等于n3的元素，则可以编写如下jQuery代码：


  
  
// 选择了id不等于n3的所有元素(包括html、body、style、script、title等标签)
$("[id!=n3]");
   
   

    
    
   
   


  
  
接着，在id为n6的后代元素中查找所有dataId属性不等于x[5]的元素，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n7、n9的两个元素
$("#n6 [dataId!='x[5]']");
   
   

    
    
   
   


  
  
jQuery 选择器([attribute^=value])详解


  
  jQuery的[attribute^=value]选择器用于匹配指定属性以指定值开始的所有元素，将其封装为jQuery对象并返回。


 
 


 
 


  
  
jQuery 选择器([attribute$=value])详解


  
  jQuery的[attribute$=value]选择器用于匹配指定属性以指定值结尾的所有元素，将其封装为jQuery对象并返回。


 
 


 
 

  
  


 
 


 
 


  
  
以下面这段HTML代码为例：


  
  
<div id="n1">
    <div id="n2">
        <input id="n3" name="id[]" type="checkbox" value="1" >
        <input id="n4" name="id[]" type="checkbox" value="2" >
        <input id="n5" name="id[]" type="checkbox" value="3" >
    </div>
    <div id="n6">
        <ul id="n7">
            <li id="n8" dataId="x[5_1]">item1</li>
            <li id="n9" dataId="x[5_2]">item2</li>
            <li id="n10" dataId="x[6_1]">item3</li>
        </ul>
    </div>
</div>
    
    

     
     
    
    


  
  
现在，我们想要查找所有id属性以5结尾的元素，则可以编写如下jQuery代码：


  
  
// 选择了id为n5的一个元素
$("[id$=5]");
   
   

    
    
   
   


  
  
接着，查找dataId属性以_1]结尾的所有元素，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n8、n10的两个元素
$("[dataId$='_1]']");
   
   

    
    
   
   

  
  


 
 


 
 


  
  
jQuery 选择器([attribute|=value])详解


  
  jQuery的[attribute|=value]选择器用于匹配指定属性等于指定值或以指定值为前缀的所有元素，将其封装为jQuery对象并返回。这里的前缀，表示以指定值开头，与后面的部分以连线("-")进行连接。


 
 


 
 


  
  
以下面这段HTML代码为例：


  
  
<div id="n1">
    <div id="n2">
        <input id="n3" name="Code Player" type="checkbox" value="1" >
        <input id="n4" name="Code-Player" type="checkbox" value="2" >
        <input id="n5" name="CodePlayer" type="checkbox" value="3" >
        <input id="n6" name="Code" type="checkbox" value="4" >
    </div>
</div>
    
    

     
     
    
    


  
  
现在，我们想要查找所有name属性以Code为前缀的元素，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n4、n6的两个元素
$("[name|=Code]");
   
   

    
    
   
   

  
  


 
 


 
 

  
  
 
 


jQuery 选择器([attribute~=value])详解

jQuery的[attribute~=value]选择器用于匹配指定属性的值中包含指定单词的所有元素，将其封装为jQuery对象并返回。






返回封装了所有指定属性包含指定值作为"单词"的元素的jQuery对象。


这里的"单词"可以理解为常规英文书写中的单词表现形式，与其他"单词"以空格进行分隔。


如果找不到任何相应的匹配，则返回一个空的jQuery对象。


<div id="n1">
    <div id="n2">
        <input id="n3" name="Jim Anna jQuery" type="checkbox" value="1" >
        <input id="n4" name="Jim-Anna-jQuery" type="checkbox" value="2" >
        <input id="n5" name="Anna  Jim jQuery" type="checkbox" value="3" >
        <input id="n6" name="Jim jQuery Anna" type="checkbox" value="3" >
        <input id="n7" name="Anna" type="checkbox" value="4" >
    </div>
</div>
   
   

    
    
   
   


现在，我们想要查找所有name属性中包含单词Anna的元素，则可以编写如下jQuery代码：


// 选择了id分别为n3、n5、n6、n7的4个元素
$("[name~=Anna]");
  
  

   
   
  
  





jQuery 选择器([attribute*=value])详解

jQuery的[attribute*=value]选择器用于匹配指定属性包含指定值的所有元素，将其封装为jQuery对象并返回。



 
 


  
  
以下面这段HTML代码为例：


  
  
<div id="n1">
    <div id="n2">
        <input id="n3" name="xid1" type="checkbox" value="1" >
        <input id="n4" name="yid2" type="checkbox" value="2" >
        <input id="n5" name="zid3" type="checkbox" value="3" >
    </div>
    <div id="n6">
        <ul id="n7">
            <li id="n8" dataId="x[5_1]">item1</li>
            <li id="n9" dataId="x[5_2]">item2</li>
            <li id="n10" dataId="y[5_3]">item3</li>
        </ul>
    </div>
</div>
    
    

     
     
    
    


  
  
现在，我们想要查找所有name属性包含id的元素，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n3、n4、n5的3个元素
$("[name*=id]");
   
   

    
    
   
   


  
  
接着，查找dataId属性包含[5的所有元素，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n8、n9、n10的3个元素
$("[dataId*='[5']");
   
   

    
    
   
   

  
  


 
 


 
 


  
  
jQuery 选择器(:input)详解


  
  jQuery的:input选择器用于匹配所有的表单控件元素，将其封装为jQuery对象并返回。


 
 


 
 

  
  


 
 


 
 

  
  
<div id="n1">
	<form id="n2">
	   <input id="n3" type="button" value="Input Button"/>
	   <input id="n4" type="checkbox" />
	   <input id="n5" type="file" />
	   <input id="n6" type="hidden" />
	   <input id="n7" type="image" />
	   <input id="n8" type="password" />
	   <input id="n9" type="radio" />
	   <input id="n10" type="reset" />	
	   <input id="n11" type="submit" />
	   <input id="n12" type="text" />
	   <select id="n13">
	   	<option id="n14">Option</option>
	   </select>
	   <textarea id="n15"></textarea>
	   <button id="n16">Button</button>
	</form>
</div>
    
    

     
     
    
    


  
  
现在，查找所有的表单信息元素，则可以编写如下jQuery代码：


  
  
// 选择了id分别为n3 ~ n16(除了n14)的13个元素
$(":input");
   
   

    
    
   
   


  
  
jQuery 选择器(:text)详解


  
  jQuery的:text选择器用于匹配所有的单行文本框元素，将其封装为jQuery对象并返回。


 
 


 
 

  
  


 
 


 
 

  
  
<div id="n1">
    <form id="n2">
       <input id="n3" type="button" value="Input Button"/>
       <input id="n4" type="checkbox" />
       <input id="n5" type="file" />
       <input id="n6" type="hidden" />
       <input id="n7" type="image" />
       <input id="n8" type="password" />
       <input id="n9" type="radio" />
       <input id="n10" type="reset" />  
       <input id="n11" type="submit" />
       <input id="n12" type="text" />
       <select id="n13">
        <option id="n14">Option</option>
       </select>
       <textarea id="n15"></textarea>
       <button id="n16">Button</button>
    </form>
</div>
    
    

     
     
    
    


  
  
现在，我们查找所有的单行文本框元素，即可编写如下jQuery代码：


  
  
// 选择了id为n12的一个元素
$(":text");
   
   

    
    
   
   

  
  
jQuery 选择器(:password)详解
jQuery的:password选择器用于匹配所有的密码框元素，将其封装为jQuery对象并返回。
密码框就是type为password的input标签：<input type="password">。


   
   

    
    
   
   


  
  
jQuery 选择器(:radio)详解


  
  
jQuery的:radio选择器用于匹配所有的单选按钮元素，将其封装为jQuery对象并返回。


  
  
单选按钮就是type为radio的input标签：<input type="radio">。


  
  
<div id="n1">
    <form id="n2">
       <input id="n3" type="button" value="Input Button"/>
       <input id="n4" type="checkbox" />
       <input id="n5" type="file" />
       <input id="n6" type="hidden" />
       <input id="n7" type="image" />
       <input id="n8" type="password" />
       <input id="n9" type="radio" />
       <input id="n10" type="reset" />  
       <input id="n11" type="submit" />
       <input id="n12" type="text" />
       <select id="n13">
        <option id="n14">Option</option>
       </select>
       <radioarea id="n15"></radioarea>
       <button id="n16">Button</button>
    </form>
</div>
    
    

     
     
    
    


  
  
现在，我们查找所有的单选按钮元素，即可编写如下jQuery代码：


  
  
// 选择了id为n9的一个元素
$(":radio");
   
   

    
    
   
   


  
  
jQuery 选择器(:checkbox)详解


  
  
jQuery的:checkbox选择器用于匹配所有的复选框元素，将其封装为jQuery对象并返回。


  
  
复选框就是type为checkbox的input标签：<input type="checkbox">。


  
  
以下面这段HTML代码为例：


  
  
<div id="n1">
    <form id="n2">
       <input id="n3" type="button" value="Input Button"/>
       <input id="n4" type="checkbox" />
       <input id="n5" type="file" />
       <input id="n6" type="hidden" />
       <input id="n7" type="image" />
       <input id="n8" type="radio" />
       <input id="n9" type="radio" />
       <input id="n10" type="reset" />  
       <input id="n11" type="submit" />
       <input id="n12" type="text" />
       <select id="n13">
        <option id="n14">Option</option>
       </select>
       <radioarea id="n15"></radioarea>
       <button id="n16">Button</button>
    </form>
</div>
    
    

     
     
    
    


  
  
现在，我们查找所有的单行文本框元素，即可编写如下jQuery代码：


  
  
// 选择了id为n4的一个元素
$(":checkbox");
   
   

    
    
   
   


  
  
jQuery 选择器(:button)详解


  
  
jQuery的:button选择器用于匹配所有的按钮元素，将其封装为jQuery对象并返回。


  
  
这里的按钮指的是所有的button标签(不区分type)以及type为button的input标签：


  
  
以下面这段HTML代码为例：


  
  
<div id="n1">
    <form id="n2">
       <input id="n3" type="button" value="Input Button"/>
       <input id="n4" type="checkbox" />
       <input id="n5" type="file" />
       <input id="n6" type="hidden" />
       <input id="n7" type="image" />
       <input id="n8" type="password" />
       <input id="n9" type="radio" />
       <input id="n10" type="reset" />
    
       <input id="n11" type="submit" />
       <input id="n12" type="text" />
       <select id="n13">
        <option id="n14">Option</option>
       </select>
       <textarea id="n15"></textarea>
       <button id="n16" type="button">Button</button>
       <button id="n17" type="submit">Submit</button>
       <button id="n18" type="reset">Reset</button>
    </form>
</div>
    
    

     
     
    
    


  
  
现在，我们查找所有的普通按钮(type="button"的input标签)和button标签，即可编写如下jQuery代码：


  
  
// 选择了id分别为n3、n16、n17、n18的4个元素
$(":button");
   
   

    
    
   
   


  
  
如果你只想匹配type为button的input标签，你可以编写如下jQuery代码：


  
  
// 选择了id为n3的一个元素
$("input:button");
   
   

    
    
   
   


  
  
jQuery 选择器(:submit)详解


  
  
jQuery的:submit选择器用于匹配所有的提交按钮元素，将其封装为jQuery对象并返回。


  
  
提交按钮框就是type为submit的input或button标签：<input type="submit">或<button type="submit"></button>。


  
  
以下面这段HTML代码为例：


  
  
<div id="n1">
    <form id="n2">
       <input id="n3" type="button" value="Input Button"/>
       <input id="n4" type="checkbox" />
       <input id="n5" type="file" />
       <input id="n6" type="hidden" />
       <input id="n7" type="image" />
       <input id="n8" type="password" />
       <input id="n9" type="radio" />
       <input id="n10" type="reset" />
    
       <input id="n11" type="submit" />
       <input id="n12" type="text" />
       <select id="n13">
        <option id="n14">Option</option>
       </select>
       <textarea id="n15"></textarea>
       <button id="n16" type="submit">Button</button>
    </form>
</div>
    
    

     
     
    
    


  
  
现在，我们查找所有的提交按钮，即可编写如下jQuery代码：


  
  
// 选择了id分别为n11、n16的两个元素
$(":submit");
   
   

    
    
   
   


  
  
jQuery 选择器(:reset)详解


  
  
jQuery的:reset选择器用于匹配所有的重置按钮元素，将其封装为jQuery对象并返回。


  
  
重置就是type为reset的input或button标签：<input type="reset">或<button type="reset"></button>。


  
  
jQuery 选择器(:image)详解 


 
 


 
 


  
  
jQuery的:image选择器用于匹配所有的图像控件，将其封装为jQuery对象并返回。


  
  
图像域就是type为image的input标签：<input type="image">。


  
  


 
 


 
 


  
  
jQuery 选择器(:enabled)详解


  
  

   
   


  
  


  
  


   
   
jQuery的:enabled选择器用于匹配所有可用的表单控件元素，将其封装为jQuery对象并返回。


   
   
可用的表单控件是指没有disabled属性的<input>、<button>、<select>、<textarea>、<option>等元素。


   
   
<div id="n1">
    <form id="n2">
        <label id="n3">CodePlayer</label>
        <input id="n4" type="text" disabled="disabled" >
       <input id="n5" type="checkbox" />
       <input id="n6" type="password" />
       <button id="n7" type="button" disabled="disabled">Button</button>
       <select id="n8">
        <option id="n9">item1</option>
        <option id="n10" disabled="disabled">item2</option>
       </select>
    </form>
</div>
     
     

      
      
     
     


   
   
现在，我们查找所有的可用元素，即可编写如下jQuery代码：


   
   
// 选择了id分别为n5、n6、n8、n9的4个元素
$(":enabled");
    
    

     
     
    
    

   
   


  
  


  
  
jQuery 选择器(:checked)详解


  
  


   
   
jQuery的:checked选择器用于匹配所有选中的表单域元素，将其封装为jQuery对象并返回。


   
   
选中的表单域是指具有checked属性的radio和checkbox表单域，以及具有selected属性的option标签。


   
   


  
  


  
  
<div id="n1">
    <form id="n2">
        <label id="n3">CodePlayer</label>
        <input id="n4" type="text" disabled="disabled" >
       <input id="n5" type="checkbox" checked="checked" />
       <input id="n6" type="checkbox" />
       <input id="n7" type="radio" checked="checked" />     
       <input id="n8" type="radio" />       
       <button id="n9" type="button" disabled="disabled">Button</button>
       <select id="n10">
        <option id="n11" selected="selected">item1</option>
        <option id="n12">item2</option>
       </select>
    </form>
</div>
    
    

     
     
    
    


  
  
现在，我们查找所有的提交按钮，即可编写如下jQuery代码：


  
  
// 选择了id分别为n5、n7、n11的3个元素
// :checked可以匹配"selected"的option
$(":checked");
   
   

    
    
   
   


  
  
如果你只希望匹配选中的radio和checkbox，请使用input:checked。


  
  
// 选择了id分别为n5、n7的两个元素
$("input:checked");
   
   

    
    
   
   


  
  
如果你只希望匹配选中的checkbox，请使用:checkbox:checked。radio也是同理。


  
  
// 选择了id为n5的一个元素
$(":checkbox:checked");
   
   

    
    
   
   

  
  


 
 


 
 


  
  
jQuery 选择器(:selected)详解


  
  
jQuery的:selected选择器用于匹配所有选中的option元素，将其封装为jQuery对象并返回。


  
  
选中的option元素指的是具有selected属性的option标签。


  
  
<div id="n1">
    <form id="n2">
        <label id="n3">CodePlayer</label>
        <input id="n4" type="text" disabled="disabled" >
       <input id="n5" type="checkbox" checked="checked" />
       <input id="n6" type="checkbox" />
       <input id="n7" type="radio" checked="checked" />     
       <input id="n8" type="radio" />       
       <button id="n9" type="button" disabled="disabled">Button</button>
       <select id="n10">
        <option id="n11" selected="selected">item1</option>
        <option id="n12">item2</option>
       </select>
    </form>
</div>
    
    

     
     
    
    


  
  
现在，我们查找所有选中的option元素，即可编写如下jQuery代码：


  
  
// 选择了id为n11的一个元素
$(":selected");

 
 



                

        

        

    

  


    

      

        

            

              
                
                  Footloose_
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
jQuery温习篇 强大的JQuery选择器

				
			

			

				

					10-29
				

			

		

		

			
				
知识点三：jQuery选择器的使用 1. 基本选择器：包括ID选择器、类选择器、元素选择器、群组选择器和通配符选择器。 2. 过滤选择器：包括:first、:last、:eq(index)、:gt(index)、:lt(index)、:even、:odd、:header、:...

			
		

	



                

            
              



	

		

			

				
					
jQuery选择器之基本过滤选择器用法实例分析

				
			

			

				

					12-02
				

			

		

		

			
				
本文实例讲述了jQuery选择器之基本过滤选择器用法。分享给大家供大家参考，具体如下： 前面一篇介绍了层次选择器，今天我们学习一下jQuery的另一种选择器：基本过滤选择器。过滤选择器可以过滤掉自己不想要的东西，...

			
		

	



              


  
              

                


	

		

			

				
					
jQuery find选择器

				
			

			

				

					axl---专心专注于web前端开发
				

				

					10-08
					
					252
					
				

			

		

		

			
				
jQuery有非常强大的Sizzle引擎来实现选择器，jQuery做了优化，他们能很好的工作，你一般不必担心太多。然而，我们可以稍微做一些改进，将可以使你的脚本略有提高。
一般在jquery中能不要用Sizzle引擎就不要用，当然前面说了只要有可能，就尽量使用.find()方法。比如：
$('#someDiv p.someClass').hide();  
$('#someDiv').fin...

			
		

	





	

		

			

				
					
Jquery中的层次选择器与find（）的区别

				
			

			

				

					无名程序员
				

				

					02-19
					
					1302
					
				

			

		

		

			
				
$("#anaylseBody tr").find("td:eq("
					+ $("#analyse th:contains(" + $(this).val() + ")").index()
					+ ")").hide();
("#anaylseBody tr") find作为根基
$("#anaylseBody tr td") 以最后的td作为根基范围不一样

			
		

	



		

			
		



	

		

			

				
					
JQuery介绍与选择器

				
			

			

				

					只是个人笔记，请见谅
				

				

					03-26
					
					1175
					
				

			

		

		

			
				
JQueryJQuery介绍JQuery原理示意图JQuery下载地址引入jQuery库文件JQuery简单使用使用jquery步骤1.引入jquery的库2.使用jquery什么是jquery对象dom对象转jquery对象jquery对象转dom对象jquery选择器基本选择器层次选择器基础过滤选择器内容过滤选择器可见度过滤选择器属性过滤器子元素过滤器表单属性过滤选择器表单选择器
 
 
 
 
JQuery介绍

JQuery原理示意图

JQuery下载地址
https://jquery.com/d

			
		

	





	

		

			

				
					
使用jquery 遍历函数-find()、eq()

				
			

			

				

					五月天的博客
				

				

					02-07
					
					3219
					
				

			

		

		

			
				

用jquery 遍历函数-find()、eq()

一、背景       遍历表格时，获取某列的值。二、举例说明


      1） html主要的框架 如下：  


     
&lt;div class="box-body"&gt;  
    &lt;table id="table1" class="table table-bordered table-striped"&g...

			
		

	





	

		

			

				
					
jQuery选择器源码解读（六）：Sizzle选择器匹配逻辑分析

				
			

			

				

					12-04
				

			

		

		

			
				
近期看了一些网上关于Sizzle的分析文章，就匹配次序往往就说使用了从右到左的逆向匹配法，...在此先申明一点，下面所说的关系选择器是指W3C中的Combinator选择器，因本人觉得用关系选择器这个名字要比其它更加贴近实际

			
		

	





	

		

			

				
					
JQuery 选择器 xpath 语法应用

				
			

			

				

					10-29
				

			

		

		

			
				
本篇文章将通过实例详细解析jQuery选择器中XPath的一些常见用法。  首先，让我们了解如何根据属性选择元素。XPath表达式`E[@attr]`用于选取具有指定属性`attr`的所有`E`元素。例如，`$("[@title]")`会选择所有具有`...

			
		

	





	

		

			

				
					
jquery 查找div中的input

					
最新发布

				
			

			

				

					weixin_42030900的博客
				

				

					07-14
					
					70
					
				

			

		

		

			
				
如何使用jQuery查找div中的input元素
1. 整体流程
为了帮助你理解如何使用jQuery查找div中的input元素，我将整个过程分成几个步骤，并用表格展示出来。
jQuery查找div中的input元素#render_9_1064382523-svg{font-family:"trebuchet ms",ve...

			
		

	





	

		

			

				
					
【前端】jquery获取data-*的属性值

				
			

			

				

					qq_25285531的博客
				

				

					09-15
					
					1567
					
				

			

		

		

			
				
通过jquery获取下面data-id的值。方法二：jquery data()方法。方法三：jquery attr()方法。方法一：dataset()方法。

			
		

	





	

		

			

				
					
JQuery +选择器  (你懂的)

				
			

			

				

					Fanbin168的专栏
				

				

					10-12
					
					3966
					
				

			

		

		

			
				
下面DOM对象与jquery对象之间的转换
        var jquer = document.getElementById("div1"); DOM对象
        var dom = $(jquer) //将一个DOM对象转换成一个jquer对象

        下面代码将演示一个jquery对象转换成dom对象，再使用dom对象的方法
        复制代码 代码如下:

        var abc=$("#cr"); //jquery对象
        var bc = abc[

			
		

	





	

		

			

				
					
:eq(0) 和 .eq(0) 的区别

				
			

			

				

					weixin_45379180的博客
				

				

					07-07
					
					2765
					
				

			

		

		

			
				
$(top.document).find(“iframe”).eq(0).attr(‘src’, rightSrc);
用到知识：
1、获取  find(“iframe”)
2、选择器 .eq(0)
3、设置属性 attr(‘src’, rightSrc)
$(’#???:eq(0)’) 返回 符合#???选择器的元素集合第一个,它的类型是jQuery对象
$(’#???’).eq(0) 返回 $(’#???’) jquery元素集合的第一个元素,并将之转换为 javascript对象
来源：
https:

			
		

	





	

		

			

				
					
jQuery选择器

				
			

			

				

					GZHGK的博客
				

				

					11-20
					
					240
					
				

			

		

		

			
				
jQuery选择器
	基本选择器
	

			名称
			
			
			用法
			
			
			描述
			
		
			ID选择器
			
			
			$(“#id”);
			
			
			获取指定ID的元素
			
		
			类选择器
			
			
			$(“.class”);
			
			
			获取同一类class的元素
			
		
			标签选择器
			
			
			$(“div”);
			
			
			获取同一类标签的所有元素
			
		
			并集选择器
		.

			
		

	





	

		

			

				
					
如何用jQuery获取一个div内所有input[type=‘text‘]的值

				
			

			

				

					weixin_44430893的博客
				

				

					04-28
					
					7620
					
				

			

		

		

			
				
如何用jQuery获取一个div内所有input[type=‘text’]的值

前言
有时候一个表单需要用户填写的信息很多，所以input标签也会很多。因此我们在js中需要写大量的取值语句var d = $('#inputid').val()，这样代码量就显得很多，我想着能不能把这个表单所属div下所有的input标签中值都拿到，然后再做处理。

先举个小例子
比如下面这段代码。id为getData的div中包含4个输入框。
<div id="getData">
   <table&gt

			
		

	





	

		

			

				
					
jq 按钮能触发submit吗

				
			

			

				

					weixin_30780221的博客
				

				

					08-01
					
					380
					
				

			

		

		

			
				
当提交表单时，会发生 submit 事件。
该事件只适用于 <form> 元素。
submit() 方法触发 submit 事件，或规定当发生 submit 事件时运行的函数。

转载于:https://www.cnblogs.com/smallfishzzy/p/7269442.html...

			
		

	





	

		

			

				
					
jquery 处理table 中获取td下input数据

					
热门推荐

				
			

			

				

					随风的博客
				

				

					03-23
					
					1万+
					
				

			

		

		

			
				
直接上代码	js部分代码使用的是jquery	$(".lookbtn").click(function(){
		var dir=$(this).parents("tr").find("input").val();
		alert(dir);			
		});这里有一掉要说一下由于是使用foreach获取到的代码获取不能使用id来获取.可以使用class标签之前在上搜看到这种形式的代码但是获取不到...

			
		

	





	

		

			

				
					
jquery通配符

				
			

			

				

					hwhjxja的博客
				

				

					10-28
					
					477
					
				

			

		

		

			
				
$("input[id^='code']");//id属性以code开始的所有input标签
$("input[id$='code']");//id属性以code结束的所有input标签
$("input[id*='code']");//id属性包含code的所有input标签
$("input[name^='code']");//name属性以code开始的所有input标签
$("in

			
		

	





	

		

			

				
					
jQuery选择器详解与示例

				
			

			

				

					
				

			

		

		

			
				
"这篇文章主要对jQuery选择器进行了总结，涵盖了基本选择器、后代选择器、相邻兄弟选择器、属性选择器、伪类选择器以及过滤选择器等，对于理解和运用jQuery选择器进行网页元素操作非常有帮助。"  jQuery选择器是...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值