『壹』 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)