首页 > 代码库 > jQuery选择器

jQuery选择器

2024-09-03 17:49:52   219人阅读

1.selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回。

 

<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>

 

找出代码中所有的标签

$("div,p.myClass,span")

 

2. :focus 触发每一个匹配元素的focus事件

 

      当页面加载后将 id 为 ‘login‘ 的元素设置焦点:

$("#login:focus");

 

3. :contains 匹配包含给定文本的元素

     查找所有包含 "John" 的 div 元素

　　HTML代码：

<div>John Resig</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn

　　js代码：

$("div:contains(‘John‘)");

 

4.[attribute^=value] 匹配给定的属性是以某些值开始的元素

   查找所有 name 以 ‘news‘ 开始的 input 元素

    HTML代码：

 

<input name="newsletter" />
<input name="milkman" />
<input name="newsboy" />

 

　　JS代码：

$("input[name^=‘news‘]");

 

5.[attribute$=value] 匹配给定的属性是以某些值结尾的元素

   查找所有 name 以以 ‘letter‘ 结尾的 input 元素

    HTML代码：

<input name="newsletter" />
<input name="milkman" />
<input name="jobletter" />

 

　　JS代码：

$("input[name$=‘letter‘]");

 

6.:enabled匹配所有可用元素

    查找所有可用的input元素

    HTML代码：

 

<form>
  <input name="email" disabled="disabled" />
  <input name="id" />
</form>

 

　　JS代码：

 

$("input:enabled");

 

 

7.:disabled匹配所有不可用元素

　　查找所有不可用的input元素

　　HTML代码：

 

<form>
  <input name="email" disabled="disabled" />
  <input name="id" />
</form>

 

　　JS代码：

$("input:disabled");

 

jQuery选择器


联系
我们