快捷導(dǎo)航

jquery屬性過(guò)濾選擇器使用示例

更新時(shí)間：2013年06月18日 17:18:51 作者：

下面以一個(gè)示例：所有具有id屬性的元素設(shè)置樣式,動(dòng)畫效果，為大家介紹下jquery屬性過(guò)濾選擇器的使用方法，感興趣的朋友可以參考下哈

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<style type="text/css"> 

</style> 
<script src="jquery-1.9.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () { 

$('#Button1').click(function () { 
//為所有具有id屬性的元素設(shè)置樣式,動(dòng)畫效果 
//$('div[title]').hide(3000); 
//$('div[title=t1]').hide(3000); 
//$('div[title!=t1]').hide(3000); 
// //屬性值以t開(kāi)頭 
//$('div[title^=t]').hide(3000 
//$('div[title$=1]').hide(3000); 
//$('div[title*=t]').hide(3000); 
// //id值以d開(kāi)始，title值以3結(jié)束 
$('div[id^=d][title$=4]').hide(3000); 
}) 
}) 
</script> 
</head> 
<body> 
<div title="t1">第一層 
</div> 
<div id="div2" title="t2">第二層 
</div> 
<div id="div3" title="t3">第三層 
</div> 
<div id="div4" title="t4">第四層 
</div> 
<input id="Button1" type="button" value="click" /> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

jQuery之end()和pushStack()使用介紹
pushStack()方法在jQuery的DOM操作中被頻繁的使用, 如在parent(), find(), filter()中, 當(dāng)然還有其他許多類似的方法, 它們往往需要返回一個(gè)jQuery封裝過(guò)的DOM結(jié)果集
2012-02-02
jquery win 7透明彈出層效果的簡(jiǎn)單代碼
jquery win 7透明彈出層效果，點(diǎn)擊可以彈出一個(gè)透明層的jquery特效,插件可以調(diào)彈出框的寬度和高度，很不錯(cuò)的一個(gè)彈出層插件。
2013-08-08
jQuery之字體大小的設(shè)置方法
本篇文章主要是對(duì)jQuery 字體大小的設(shè)置方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-02-02
jQuery實(shí)現(xiàn)圖片局部放大鏡效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)圖片局部放大鏡效果的相關(guān)資料,需要的朋友可以參考下
2016-03-03
jQuery使用方法
本文主要介紹了jQuery的使用方法，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
jquery動(dòng)態(tài)分頁(yè)效果堪比時(shí)光網(wǎng)
剛剛弄好了一個(gè)jquery動(dòng)態(tài)分頁(yè)效果，拿出來(lái)與大家分享，效果與時(shí)光網(wǎng)的差不多
2014-09-09
jquery 遍歷數(shù)組 each 方法詳解
下面小編就為大家?guī)?lái)一篇jquery 遍歷數(shù)組 each 方法詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
JQuery動(dòng)畫animate的stop方法使用詳解
這篇文章主要介紹了JQuery動(dòng)畫animate的stop方法使用,需要的朋友可以參考下
2014-05-05
Jquery Ajax請(qǐng)求代碼(2)
總結(jié)了一下了一下$.getJSON()一些應(yīng)用，希望大家喜歡，首先我用的的是 Newtonsoft.Json.Net20.dll
2011-01-01
jQuery輕松實(shí)現(xiàn)無(wú)縫輪播效果
這篇文章主要為大家詳細(xì)介紹了jQuery輕松實(shí)現(xiàn)無(wú)縫輪播效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03