jquery屬性過(guò)濾選擇器使用示例
更新時(shí)間:2013年06月18日 17:18:51 作者:
下面以一個(gè)示例:所有具有id屬性的元素設(shè)置樣式,動(dòng)畫(huà)效果,為大家介紹下jquery屬性過(guò)濾選擇器的使用方法,感興趣的朋友可以參考下哈
復(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)畫(huà)效果
//$('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>
您可能感興趣的文章:
- jQuery基本過(guò)濾選擇器用法示例
- jQuery可見(jiàn)性過(guò)濾選擇器用法示例
- jQuery子元素過(guò)濾選擇器用法示例
- jQuery內(nèi)容過(guò)濾選擇器用法示例
- jQuery過(guò)濾選擇器經(jīng)典應(yīng)用
- jquery選擇器之屬性過(guò)濾選擇器詳解
- jQuery過(guò)濾選擇器:not()方法使用介紹
- jquery選擇器之層級(jí)過(guò)濾選擇器詳解
- 使用jQuery內(nèi)容過(guò)濾選擇器選擇元素實(shí)例講解
- jquery子元素過(guò)濾選擇器使用示例
- jquery可見(jiàn)性過(guò)濾選擇器使用示例
- jQuery過(guò)濾選擇器用法示例
相關(guān)文章
jquery仿百度經(jīng)驗(yàn)滑動(dòng)切換瀏覽效果
本文給大家分享的是使用jQuery實(shí)現(xiàn)仿百度經(jīng)驗(yàn)華東切換瀏覽效果,非常的炫酷,推薦給大家。有需要的小伙伴可以參考下2015-04-04簡(jiǎn)要了解jQuery移動(dòng)web開(kāi)發(fā)的響應(yīng)式布局設(shè)計(jì)
這篇文章主要介紹了jQuery移動(dòng)web開(kāi)發(fā)的響應(yīng)式布局設(shè)計(jì),jQuery是JavaScript世界中最具人氣的模塊或者說(shuō)類庫(kù),需要的朋友可以參考下2015-12-12原生js和jQuery實(shí)現(xiàn)淡入淡出輪播效果
這篇文章主要介紹了原生js和jQuery實(shí)現(xiàn)淡入淡出輪播效果,介紹到了jQuery實(shí)現(xiàn)淡入淡出輪播效果的基本原理,感興趣的小伙伴們可以參考一下2015-12-12解決IE9下JQuery發(fā)送ajax請(qǐng)求失效的方法
這篇文章介紹了解決IE9下JQuery發(fā)送ajax請(qǐng)求失效的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06jQuery中事件與動(dòng)畫(huà)的總結(jié)分享
下面小編就為大家?guī)?lái)一篇jQuery中事件與動(dòng)畫(huà)的總結(jié)分享。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05jquery dataTable 獲取某行數(shù)據(jù)
本篇文章主要介紹了jquery dataTable 獲取某行數(shù)據(jù)的相關(guān)知識(shí),具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-05-05