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