快捷導(dǎo)航

jquery可見(jiàn)性過(guò)濾選擇器使用示例

更新時(shí)間：2013年06月24日 15:07:25 作者：

可見(jiàn)性過(guò)濾選擇器對(duì)于dom中隱藏的一些元素還是比較實(shí)用的，具體的使用方法如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助

 
<script src="Jquery1.7.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () { 
$('#btn').click(function () { 
//$('span:hidden').addClass('class1').show(); 
$(':hidden').addClass('class1').show(); 

//$('div:visible').addClass('class1'); 
$('div:visible').addClass('class1'); 
}) 
}) 
</script> 
</head> 
<body> 
<form id="form1"> 
<div> 
第一層</div> 
<span style="display: none;">Hidden</span> 
<input type="button" id="btn" value="顯示" /> 
</form> 
</body> 

您可能感興趣的文章:

相關(guān)文章

利用imgareaselect輔助后臺(tái)實(shí)現(xiàn)圖片上傳裁剪
這篇文章主要為大家詳細(xì)介紹了利用imgareaselect輔助后臺(tái)實(shí)現(xiàn)圖片裁剪的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03
jQuery實(shí)現(xiàn)的點(diǎn)擊顯示隱藏下拉菜單功能完整示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的點(diǎn)擊顯示隱藏下拉菜單功能,結(jié)合完整實(shí)例形式分析了jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作簡(jiǎn)單實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-05-05
jquery右下角自動(dòng)彈出可關(guān)閉的廣告層
jQuery實(shí)現(xiàn)右下角自動(dòng)彈出可關(guān)閉的懸浮提示層特效。這種效果可以使用jQuery彈出層實(shí)現(xiàn)。有需要的小伙伴可以參考下。
2015-05-05
JQuery.Ajax之錯(cuò)誤調(diào)試幫助信息介紹
本篇文章是對(duì)JQuery.Ajax中的錯(cuò)誤調(diào)試幫助信息進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-07-07
jQuery遍歷json的方法(推薦)
這篇文章主要介紹了jQuery遍歷json的方法的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
jQuery實(shí)現(xiàn)表單步驟流程導(dǎo)航代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)表單步驟流程導(dǎo)航，代碼實(shí)現(xiàn)效果簡(jiǎn)單精致，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
jQuery實(shí)現(xiàn)點(diǎn)擊某個(gè)div打開(kāi)層，點(diǎn)擊其他div關(guān)閉層實(shí)例分析(阻止冒泡)
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊某個(gè)div打開(kāi)層，點(diǎn)擊其他div關(guān)閉層的方法,結(jié)合實(shí)例形式分析了jQuery兩種阻止冒泡實(shí)現(xiàn)彈出層的處理技巧,需要的朋友可以參考下
2016-11-11
解決jquery submit()提交表單提示：f[s] is not a&nb
jquery submit()無(wú)法提交表單報(bào)錯(cuò)：f[s] is not a function,很是疑惑搜集整理了一些解決方法，感興趣的朋友可以了解下啊，希望本文對(duì)你有所幫助
2013-01-01
jQuery EasyUI封裝簡(jiǎn)化操作
這篇文章主要為大家詳細(xì)介紹了Jquery EasyUI封裝簡(jiǎn)化操作,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
Jquery動(dòng)態(tài)進(jìn)行圖片縮略的原理及實(shí)現(xiàn)
圖片縮略在某些情況下還是比較實(shí)用的，比如在做一些商品的預(yù)覽圖縮略等等，下面為大家介紹下具體的實(shí)現(xiàn)思路及代碼，有需求的朋友可以參考下
2013-08-08