jQuery中filter(),not(),split()使用方法
更新時間：2010年07月06日 22:58:15 作者：
jQuery下一些查找過濾功能filter(),not(),split()用法，可以讓jquery更容易的操作控制頁面元素。
filter()和not():
<script type="text/javascript">
$(document).ready(function() {
//輸出 hello
alert($("p").filter(".selected").html());
//輸出 How are you?
alert($("p").not(".selected").html());
});
</script>
</head>
<body>
<p class="selected">Hello</p><p>How are you?</p>
<!--
一個新的挑戰(zhàn)是從一組類似或相同的元素中只選擇某一個特定的元素。
jQuery提供了filter()和not()來做這個。
filter()能夠?qū)⒃鼐喌街皇Ｏ聺M足過濾條件的那些，not()恰恰相反，他移除了所有滿足條件的。-->
</body>
split():
<script type="text/javascript">
$(document).ready(function(){
$("input[@value=btn1]").click(function(){
//以￥分割
alert($("span.sale").text().split("￥")[2]+"||"+$("span.sale").text().split("￥")[1]+"||"+$("span.sale").text().split("￥")[0]);
});
});
</script>
</head>
<body>
獲取價格120:<input type="button" value="btn1" ><br>
<span class="sale">
Out Sale: ￥160<br />
Deal Price: ￥120</span>
<!--
應(yīng)用split來解決這個問題。下面給出一個用split的實(shí)例:
msg ="2007/10/01";
msg = msg.split("/");
alert(msg[2]);
他會把 msg 分成一個3塊組成一個數(shù)組 ，然后就可以輕松獲取了。
-->
</body>
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(document).ready(function() {
//輸出 hello
alert($("p").filter(".selected").html());
//輸出 How are you?
alert($("p").not(".selected").html());
});
</script>
</head>
<body>
<p class="selected">Hello</p><p>How are you?</p>
<!--
一個新的挑戰(zhàn)是從一組類似或相同的元素中只選擇某一個特定的元素。
jQuery提供了filter()和not()來做這個。
filter()能夠?qū)⒃鼐喌街皇Ｏ聺M足過濾條件的那些，not()恰恰相反，他移除了所有滿足條件的。-->
</body>
split():
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(document).ready(function(){
$("input[@value=btn1]").click(function(){
//以￥分割
alert($("span.sale").text().split("￥")[2]+"||"+$("span.sale").text().split("￥")[1]+"||"+$("span.sale").text().split("￥")[0]);
});
});
</script>
</head>
<body>
獲取價格120:<input type="button" value="btn1" ><br>
<span class="sale">
Out Sale: ￥160<br />
Deal Price: ￥120</span>
<!--
應(yīng)用split來解決這個問題。下面給出一個用split的實(shí)例:
msg ="2007/10/01";
msg = msg.split("/");
alert(msg[2]);
他會把 msg 分成一個3塊組成一個數(shù)組 ，然后就可以輕松獲取了。
-->
</body>
相關(guān)文章
jQuery實(shí)現(xiàn)的多級下拉菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的多級下拉菜單效果代碼,涉及jquery鼠標(biāo)事件及頁面元素的顯示與隱藏效果實(shí)現(xiàn)技巧,非常具有實(shí)用價值,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了jQuery常用選擇器的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
jquery如何判斷表格同一列不同行input數(shù)據(jù)是否重復(fù)
這篇文章主要介紹了jquery如何判斷表格同一列不同行input數(shù)據(jù)是否重復(fù),需要的朋友可以參考下2014-05-05
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)購物車功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
jquery+ajax實(shí)現(xiàn)異步上傳文件顯示進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了jquery+ajax實(shí)現(xiàn)異步上傳文件顯示進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
jQuery.cookie.js實(shí)現(xiàn)記錄最近瀏覽過的商品功能示例
這篇文章主要介紹了jQuery.cookie.js實(shí)現(xiàn)記錄最近瀏覽過的商品功能,結(jié)合實(shí)例形式分析了基于jQuery.cookie.js插件創(chuàng)建cookie及保存瀏覽記錄的操作技巧,需要的朋友可以參考下2017-01-01
jQuery選擇器的強(qiáng)大不僅在于選擇器支持基本的css選擇符，還支持很多CSS的偽類選擇符，甚至可以自定義選擇符2013-04-04
jQuery實(shí)現(xiàn)checkbox全選功能完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)checkbox全選功能,結(jié)合完整實(shí)例形式分析了jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-07-07
一直比較好奇，jquery插件是怎么開發(fā)的，怎么寫屬于自己的插件2012-04-04
jQuery實(shí)現(xiàn)的記住帳號密碼功能完整示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的記住帳號密碼功能,結(jié)合完整實(shí)例形式分析了jQuery使用jquery.cookie.js插件記錄用戶信息相關(guān)操作技巧,需要的朋友可以參考下2019-08-08