 
<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)文章

jquery實(shí)現(xiàn)拖動(dòng)效果（代碼分享）
本文主要分享了jquery實(shí)現(xiàn)拖動(dòng)效果的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-01-01
jQuery創(chuàng)建自己的插件(自定義插件)的方法
在該系列之前的文章使用 jQuery：UI 項(xiàng)目中，我介紹了使用 jQuery 代碼中的插件來(lái)提高 web 應(yīng)用程序的效率。
2010-06-06
jQuery oLoader實(shí)現(xiàn)的加載圖片和頁(yè)面效果
我們使用jQuery的ajax在頁(yè)面中就像使用iframe一樣加載其他頁(yè)面內(nèi)容，今天我給大家分享一個(gè)名叫jQuery oLoader的插件，該插件還集成了oPageLoader，可以輕松實(shí)現(xiàn)加載圖片和頁(yè)面的漂亮效果。
2015-03-03
Jquery如何實(shí)現(xiàn)點(diǎn)擊時(shí)高亮顯示代碼
點(diǎn)擊時(shí)高亮顯示代碼的實(shí)現(xiàn)方法有很多，下面的示例使用jquery來(lái)實(shí)現(xiàn)，需要的朋友可以了解下
2014-01-01
jQuery給表格添加分頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了利用jQuery給表格添加分頁(yè)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03
jquery 根據(jù)name名獲取元素的value值
這里給大家分享的是一個(gè)網(wǎng)友咨詢的關(guān)于jQuery獲取name名的value值的問(wèn)題，感覺(jué)很具有普遍性，所以記錄下來(lái)，希望對(duì)大家能有所幫助。
2015-02-02
jquery中ajax跨域方法實(shí)例分析
這篇文章主要介紹了jquery中ajax跨域方法,結(jié)合實(shí)例分析了jQuery中使用getJSON及$.ajax實(shí)現(xiàn)ajax跨域的技巧,需要的朋友可以參考下
2015-12-12
jquery easyui滾動(dòng)條部分設(shè)置介紹
dialog并沒(méi)有隨著滾動(dòng)條往下滾動(dòng)，這時(shí)就需要用戶滑動(dòng)滾動(dòng)條來(lái)定位dialog，在說(shuō)出解決方案前先來(lái)普及一下jquery關(guān)于定位的幾個(gè)方法
2013-09-09
jquery實(shí)現(xiàn)兼容IE8的異步上傳文件
這里給大家分享的是使用jQuery插件實(shí)現(xiàn)兼容IE8的異步上傳文件的代碼，效果非常不錯(cuò)，有需要的小伙伴可以參考下。
2015-06-06
jQuery實(shí)現(xiàn)全選、反選和不選功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)全選、反選和不選功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08