『壹』 jquery元素過濾選擇器中的has怎麼用
表達式為：jQueryObject.has( expr )；
has()函數不是獲取後代元素，而是當前jQuery對象中的元素，只是它們的後代元素中至少要有一個元素符合指定的表達式，然後返回包含所有滿足條件的元素的jQuery對象。
其中expr可以是：String/Element/jQuery類型指定的表達式。
幾個例子：
<divid="n1">
<divid="n2">
<ulid="n3"data_id="12">
<liid="n4">item1</li>
<liid="n5"class="foobar">item2</li>
<liid="n6"class="level-2">item3</li>
</ul>
</div>
<divid="n7">
<inputid="n8"name="username"type="text"value="1">
<inputid="n9"class="foo"name="orders"type="checkbox"checked="checked"value="1">
</div>
</div>/*$("#n3")匹配n3一個元素*/
//n3的子元素中存在li元素
document.writeln($("#n3").has("li").length);//1
//n3的子元素中存在類名為foo的元素
document.writeln($("#n3").has(".foo").length);//1
/*$("div")匹配n1、n2、n7這3個元素*/
//不存在id為n10的元素，因此3個元素的子元素中都不存在n10
document.writeln($("div").has("#n10").length);//0
//n1、n2、n7的子元素中都存在類名為foo的元素
document.writeln($("div").has($(".foo")).length);//3
varn8=document.getElementById("n8");
//n1、n7的子元素中都存在id為n8的元素
document.writeln($("div").has(n8).length);//2
『貳』 JQuery中基礎過濾選擇器用法實例分析
本文實例講述了JQuery中基礎過濾選擇器用法。分享給大家供大家參考。具體如下：
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/>
<title>基礎過濾選擇器</title>
<style
type="text/css">
#main{
width:600px;
border:1px
solid
green;
margin:auto;
padding:10px;
}
#tbl{
border-collapse:collapse;
border-top:1px
solid
red;
border-left:1px
solid
red;
margin:auto;
}
#tbl
td{
width:60px;
height:60px;
border-collapse:collapse;
border-bottom:1px
solid
red;
border-right:1px
solid
red;
}
</style>
<script
src="jquery-1.6.2.min.js"
type="text/javascript"></script>
<script
type="text/javascript">
$(function
()
{
//=============舉例1========================
//:first
說明:
匹配找到的第一個元素
//....<1>修改第一個單元格的背景色
//var
$tds
=
$("#tbl
td:first");
//$tds.css("backgroundColor",
"blue");
//....<2>修改第一行的背景色
//var
$trs
=
$("#tbl
tr:first");
//$trs.css("backgroundColor",
"blue");
//=============舉例2========================
//:last
說明:
匹配找到的最後一個元素.與
:first
相對應.
//...<1>修改隨後一個單元格的背景色
//var
$tds
=
$("#tbl
td:last");
//$tds.css("backgroundColor",
"blue");
//=============舉例3========================
//:not(selector)
去除所有與給定選擇器匹配的元素.有點類似於」非」
//...<1>把所有class不為tdClass的列的文本進行修改
//var
$tds
=
$("#tbl
td:not(.tdClass)");
//$tds.text("Not
tdClass");
//=============舉例4========================
//:even
說明:
匹配所有索引值為偶數的元素，從
0
開始計數.js的數組都是從0開始計數的.
//例如要選擇table中的行,因為是從0開始計數,所以table中的第一個tr就為偶數0.
//...<1>把索引值為偶數的行變成黃色
//var
$trs
=
$("#tbl
tr:even");
//$trs.css("backgroundColor",
"yellow");
//=============舉例5========================
//:
odd
說明:
匹配所有索引值為奇數的元素,和:even對應,從
0
開始計數.
//var
$trs
=
$("#tbl
tr:odd");
//$trs.css("backgroundColor",
"yellow");
//=============舉例6========================
//:eq(index)
說明:
匹配一個給定索引值的元素.eq(0)就是獲取第一個tr元素.括弧裡面的是索引值,不是元素排列數.
//...<1>設置第二個單元格的背景色
//var
$tds
=
$("#tbl
td:eq(1)");
//$tds.css("backgroundColor",
"gray");
//=============舉例6========================
//:gt(index)
說明:
匹配所有大於給定索引值的元素.
//...<1>把下標索引大於1的所有單元格背景色設置為灰色
//var
$tds
=
$("#tbl
td:gt(1)");
//$tds.css("backgroundColor",
"gray");
//=============舉例7========================
//:lt(index)
說明:
匹配所有小於給定索引值的元素.
//...<1>把下標索引小於3的所有單元格背景色設置為灰色
var
$tds
=
$("#tbl
td:lt(3)");
$tds.css("backgroundColor",
"gray");
//=============舉例8========================
//:header(固定寫法)
說明:
匹配如
h1,
h2,
h3之類的標題元素.這個是專門用來獲取h1,h2這樣的標題元素.
//...<1>把所有的h標簽背景色進行修改
var
$hs
=
$(":header");
$hs.css("backgroundColor",
"gold");
//=============舉例8========================
//slice
獲取下標范圍內元素
var
$trs
=
$("#tbl
tr").slice(1,
3);
$trs.css("backgroundColor",
"gold");
});
</script>
</head>
<body>
<div
id="main">
<h1>我是h1</h1>
<h2>我是h2</h2>
<h3>我是h3</h3>
<table
id="tbl">
<tr>
<td>1</td><td>1</td><td>1</td>
</tr>
<tr>
<td
class="tdClass">2</td><td>2</td><td>2</td>
</tr>
<tr>
<td>3</td><td>3</td><td>3</td>
</tr>
<tr>
<td>4</td><td>4</td><td
class="tdClass">4</td>
</tr>
<tr>
<td>5</td><td>5</td><td>5</td>
</tr>
<tr>
<td>6</td><td>6</td><td
class="tdClass">6</td>
</tr>
</table>
</div>
</body>
</html>
希望本文所述對大家的jQuery程序設計有所幫助。
『叄』 jquery過濾選擇器有哪些
（抄1）Jquery中簡單過濾選擇器襲
jquery根據某一類過濾規則進行元素匹配，書寫時以：開頭，是Jquery中應用最為廣泛的選擇器
（2）簡單過濾選擇器的基本語法
①first()或者：first 獲取第一個元素
②last()或者：last 獲取最後一個元素
③：not(selector)獲取除開給定選擇器的其他元素
④：even獲取索引為偶數的元素，索引從0開始
⑤：odd獲取索引為奇數的元素，索引從0開始
⑥：eq(index)獲取制定索引元素，從0開始
⑦：gt(index)獲取大於給定索引的元素，從0開始
⑧：lt(index)獲取小於給定索引的元素，從0開始
⑨：header獲取標題類型元素
⑩:animated獲取正在執行動畫效果的元素
『肆』 8.jquery過濾選擇器有哪些
$("#myDiv");
<div id="myDiv">id="myDiv"</div>（比較常用）
$("div")；
<div>DIV1</div>
$(".myClass");
<div class="myClass">div class="myClass"</div>（比較常用）
$("*") ；
<div>DIV</div><span>SPAN</span><p>P</p>
$("div,span,p.myClass") ；
<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>
$("form input") ；
<input name="name" />,
<input name="newsletter" />（比較常用）
$("input[name='newsletter']").attr("checked", true);
<input type="checkbox" name="newsletter" value="Hot Fuzz" checked="true" />, （比較常用）
前面是選擇器寫法，後面是得到的結果。
『伍』 jquery屬性過濾器選擇器
我想 你這里ID可能是會變化的吧
可以直接使用$(this).next("span").css("imgSpanPos");
『陸』 jquery中的選擇器和過濾器的區別
最簡單的方法。用RadioButton控制項就行了。何苦搞得這么累呢。如果真要這樣做也可以就是五個專控制項共用一個事件屬同時訂閱相同事件然後再判斷你選中的Checkbox其他的為假代碼如下：
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
『柒』 jquery子元素過濾選擇器
親，你好，很高興為你回答 我給你個比較通俗的方法 希望可以幫到你
var item1 = $('.can > input').eq(1).val();
var item2 = $('.can > input').eq(2).val();
alert(item1);
alert(item2);
有問題繼續追問我呦，如果沒有 記得即使採納呦
『捌』 jquery中什麼是過濾選擇器
可以來參源考這個。。
http://www.cnblogs.com/yakun/p/3830677.html
『玖』 如何把變數傳入jQuery的屬性過濾選擇器
vararr=["idName","idAddress",...];
//要拼接成字元串形式
varselect="[id^="+arr[i]+"]";
$(select)