jquery屬性過濾選擇器使用示例
更新時(shí)間:2013年06月18日 17:18:51 作者:
下面以一個(gè)示例:所有具有id屬性的元素設(shè)置樣式,動(dòng)畫效果,為大家介紹下jquery屬性過濾選擇器的使用方法,感興趣的朋友可以參考下哈
復(fù)制代碼 代碼如下:
<!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開頭
//$('div[title^=t]').hide(3000
//$('div[title$=1]').hide(3000);
//$('div[title*=t]').hide(3000);
// //id值以d開始,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仿百度經(jīng)驗(yàn)滑動(dòng)切換瀏覽效果
本文給大家分享的是使用jQuery實(shí)現(xiàn)仿百度經(jīng)驗(yàn)華東切換瀏覽效果,非常的炫酷,推薦給大家。有需要的小伙伴可以參考下2015-04-04
簡要了解jQuery移動(dòng)web開發(fā)的響應(yīng)式布局設(shè)計(jì)
這篇文章主要介紹了jQuery移動(dòng)web開發(fā)的響應(yīng)式布局設(shè)計(jì),jQuery是JavaScript世界中最具人氣的模塊或者說類庫,需要的朋友可以參考下2015-12-12
原生js和jQuery實(shí)現(xiàn)淡入淡出輪播效果
這篇文章主要介紹了原生js和jQuery實(shí)現(xiàn)淡入淡出輪播效果,介紹到了jQuery實(shí)現(xiàn)淡入淡出輪播效果的基本原理,感興趣的小伙伴們可以參考一下2015-12-12
jquery dataTable 獲取某行數(shù)據(jù)
本篇文章主要介紹了jquery dataTable 獲取某行數(shù)據(jù)的相關(guān)知識,具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-05-05

