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的實例:
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的實例:
msg ="2007/10/01";
msg = msg.split("/");
alert(msg[2]);
他會把 msg 分成一個3塊組成一個數(shù)組 ，然后就可以輕松獲取了。
-->
</body>
相關(guān)文章
jQuery使用$獲取對象后檢查該對象是否存在的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query使用$獲取對象后檢查該對象是否存在的實現(xiàn)方法。小編覺而挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
這篇文章主要介紹了jQuery必不可少的小技巧，這些小技巧就像是創(chuàng)建的快捷方式，可以幫助大家快速開發(fā)，感興趣的小伙伴們可以參考一下2015-11-11
下面小編就為大家?guī)硪黄猨query二級目錄選中當前頁的css樣式。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
jquery中防刷IP流量軟件影響統(tǒng)計的一點對策
由于公司項目需要增加推廣獎勵功能，網(wǎng)站用戶通過邀請地址發(fā)給QQ好友、論壇、個人網(wǎng)站之類，只要有通過邀請地址點擊進來就算推廣成功（當天同一個IP僅算一次），推廣人會獲得相應(yīng)的獎勵、積分等。2011-07-07
Jquery截取中文字符串的實現(xiàn)代碼，需要的朋友可以參考下。2010-12-12
這篇文章主要介紹了jQuery HTML獲取內(nèi)容和屬性操作,結(jié)合實例形式分析了jQuery HTML獲取內(nèi)容和屬性相關(guān)函數(shù)用法與操作注意事項,需要的朋友可以參考下2020-05-05
完美解決jQuery fancybox ie 無法顯示關(guān)閉按鈕的問題
下面小編就為大家?guī)硪黄昝澜鉀QjQuery fancybox ie 無法顯示關(guān)閉按鈕的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要為大家詳細介紹了jquery仿京東商品瀏覽頁面，鼠標放在圖片上實現(xiàn)放大效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
在一個頁面實現(xiàn)兩個zTree聯(lián)動的方法
最近發(fā)現(xiàn)項目中很多地方都是樹形菜單，而這些樹形菜單都是使用樹形插件zTree來制作的，下面這篇文章主要給大家介紹了關(guān)于在一個頁面實現(xiàn)兩個zTree聯(lián)動的相關(guān)資料，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12
Enter回車切換輸入焦點實現(xiàn)思路與代碼兼容各大瀏覽器
這篇文章主要介紹了Enter回車切換輸入焦點實現(xiàn)思路與代碼并兼容各大瀏覽器,需要的朋友可以參考下2014-09-09