您的位置：首页 > Web前端 > JQuery

jQuery 集合过滤操作（eq filter hasClass is has map not slice）

2012-07-09 16:58 405 查看

1.eq(index)

2.filter(expr)

3.filter(function)

4.hasClass(class)

5.is(expr)

6.has(expr)

7.map(callback)

8.not(expr)

9.slice(start [,end]) 不包括end

实例和效果如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../js/jquery-1.7.2.js" type="text/javascript"></script>
<title>过滤操作应用示例</title>
<style type="text/css">
.borderClass{
border:3px solid green
}
</style>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("td").eq(2).css("background","red");
$("td").filter("#td2").css("background","blue");
$("tr").filter(function(index){
return $("td", this).length == 1; //此条件成立，则将该"td"元素添加到集合中
}).css("background","yellow");
$("td").has("p").css("color","red");
$("td").click(function(){
if($(this).hasClass("borderClass")){
$(this).css("color","blue");
}
});
if($("#td2").parents().is("table")){
alert("id是td2的单元格的父元素中至少有一个是table");
}
$("#p2").append($("input").map(function(){
return $(this).val();
}).get().join(","));
$("form").not("input").css("background-color","yellow");
$("span").slice(0,2).css("color","blue");//不包括结束索引
});
</script>
</head>
<body bgcolor="#EEEEEE">
<table width="200" border="1">
<tr>
<td width="50%"><p>内容</p></td>
<td id="td2"> </td>
</tr>
<tr>
<td > </td>
<td class="borderClass">内容</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
<p id="p2"><b>网站：</b></p>
<form>
<input type="text" value="新浪"/>
<input type="text" value="网易"/>
<p>hello</p>
</form>
<span>span1</span>
<span>span2</span>
<span>span3</span>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

jQuery 集合 过滤操作（eq filter hasClass is has map not slice）

jQuery 集合过滤操作（eq filter hasClass is has map not slice）