jquery屬性過濾選擇器使用示例
更新時間：2013年06月18日 17:18:51 作者：
下面以一個示例：所有具有id屬性的元素設(shè)置樣式,動畫效果，為大家介紹下jquery屬性過濾選擇器的使用方法，感興趣的朋友可以參考下哈
復制代碼 代碼如下:
<!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è)置樣式,動畫效果
//$('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實現(xiàn)仿百度經(jīng)驗華東切換瀏覽效果，非常的炫酷，推薦給大家。有需要的小伙伴可以參考下2015-04-04
本文使用jquery.form.js解決提交之后，頁面發(fā)生跳轉(zhuǎn)，在一個空白頁面上顯示了后端返回的json數(shù)據(jù)問題，需要的朋友參考下2017-06-06
SVG(可縮放矢量圖形)是基于可擴展標記語言（標準通用標記語言的子集），用于描述二維矢量圖形的一種圖形格式。它由萬維網(wǎng)聯(lián)盟制定，是一個開放標準。2014-11-11
簡要了解jQuery移動web開發(fā)的響應式布局設(shè)計
這篇文章主要介紹了jQuery移動web開發(fā)的響應式布局設(shè)計,jQuery是JavaScript世界中最具人氣的模塊或者說類庫,需要的朋友可以參考下2015-12-12
String的Trim()方法失效,在ie8下是有這樣的情況的，解決方法也很簡單使用$.trim(str)即可，需要的朋友可以了解下2013-11-11
本文講解如何使用jQuery實現(xiàn)城市查詢和日歷顯示的整個流程，需要的朋友可以參考下2015-10-10
這篇文章主要介紹了原生js和jQuery實現(xiàn)淡入淡出輪播效果，介紹到了jQuery實現(xiàn)淡入淡出輪播效果的基本原理，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章介紹了解決IE9下JQuery發(fā)送ajax請求失效的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
下面小編就為大家?guī)硪黄猨Query中事件與動畫的總結(jié)分享。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
jquery dataTable 獲取某行數(shù)據(jù)
本篇文章主要介紹了jquery dataTable 獲取某行數(shù)據(jù)的相關(guān)知識，具有很好的參考價值。下面跟著小編一起來看下吧2017-05-05