<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.dbjr.com.cn/" />

<title>filter()函數(shù)-腳本之家</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("li").filter(".js").css("color","blue")

})

</script>

</head>

<body>

<div>

  <ul>

    <li>HTML專區(qū)</li>

    <li class="js">Javascript專區(qū)</li>

    <li>Div+Css專區(qū)</li>

    <li>Jquery專區(qū)</li>

  </ul>

</div>

</body>

</html>

這段代碼能夠?qū)㈩惷麨閖s的li中的字體顏色設(shè)置為藍(lán)色。

語法結(jié)構(gòu)二:

從元素集合中篩選出指定的jquery對象。

復(fù)制代碼代碼如下:

$(selector).filter(element)

參數(shù)列表:

參數(shù)	描述
element	用于匹配當(dāng)前元素集合中元素的jQuery對象或者DOM對象。

實例代碼:

實例一:

復(fù)制代碼代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.dbjr.com.cn/" />

<title>filter()函數(shù)-腳本之家</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("li").filter(document.getElementById("js")).css("color","blue")

})

</script>

</head>

<body>

<div>

  <ul>

    <li>HTML專區(qū)</li>

    <li id="js">Javascript專區(qū)</li>

    <li>Div+Css專區(qū)</li>

    <li>Jquery專區(qū)</li>

  </ul>

</div>

</body>

</html>

實例二:

復(fù)制代碼代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.dbjr.com.cn/" />

<title>filter()函數(shù)-腳本之家</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("li").filter($($("li")[0])).css("color","blue")

})

</script>

</head>

<body>

<div>

  <ul>

    <li>HTML專區(qū)</li>

    <li id="js">Javascript專區(qū)</li>

    <li>Div+Css專區(qū)</li>

    <li>Jquery專區(qū)</li>

  </ul>

</div>

</body>

</html>

語法結(jié)構(gòu)三:

篩選出與指定函數(shù)返回值匹配的元素集合。
filter()方法內(nèi)部將對每個對象計算一次 (如$.each).。如果調(diào)用的function返回false則這個元素被刪除，否則就會保留。

復(fù)制代碼代碼如下:

$(selector).filter(function())

參數(shù)列表:

參數(shù)	描述
function(index)	定義返回filter()匹配值的函數(shù)。 index為當(dāng)前元素在匹配元素集合中的索引值。

實例代碼:

復(fù)制代碼代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.dbjr.com.cn/" />

<title>filter()函數(shù)-腳本之家</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("ul").filter(function(index){

    return $(".js",this).length==0;

  }).css("color","blue")

})

</script>

</head>

<body>

<div>

  <ul>

    <li>HTML專區(qū)</li>

    <li class="js">Javascript專區(qū)</li>

    <li>Div+Css專區(qū)</li>

    <li>Jquery專區(qū)</li>

  </ul>

  <ul>

    <li>字體要變藍(lán)色了</li>

  </ul>

</div>

</body>

</html>