Jquery中顯示隱藏的實(shí)現(xiàn)代碼分析
更新時(shí)間：2011年07月26日 20:56:59 作者：
使用jquery真的很方便，比如要控制div的顯示與隱藏，一句話就搞定了，請(qǐng)看下面使用說(shuō)明。
$("#id").show()//表示display:block,
$("#id").hide()//表示display:none;
$("#id").toggle()//切換元素的可見(jiàn)狀態(tài)。如果元素是可見(jiàn)的，切換為隱藏的；如果元素是隱藏的，切換為可見(jiàn)的。
$("#id").css('display','none');
$("#id").css('display','block');
//或
$("#id")[0].style.display = 'none';
//$("#id")返回的是JQuery12 //它是個(gè)集合肯定沒(méi)有display屬性
$("#id").hide()//表示display:none;
$("#id").toggle()//切換元素的可見(jiàn)狀態(tài)。如果元素是可見(jiàn)的，切換為隱藏的；如果元素是隱藏的，切換為可見(jiàn)的。
$("#id").css('display','none');
$("#id").css('display','block');
//或
$("#id")[0].style.display = 'none';
//$("#id")返回的是JQuery12 //它是個(gè)集合肯定沒(méi)有display屬性
您可能感興趣的文章:
- jQuery控制TR顯示隱藏的幾種方法
- 基于JQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊文本框顯示隱藏提示文本
- 讓input框?qū)崿F(xiàn)類似百度的搜索提示(基于jquery事件監(jiān)聽(tīng))
- jquery實(shí)現(xiàn)input輸入框?qū)崟r(shí)輸入觸發(fā)事件代碼
- jQuery文本框(input textare)事件綁定方法教程
- 關(guān)于jquery input textare 事件綁定及用法學(xué)習(xí)
- input 輸入框獲得/失去焦點(diǎn)時(shí)隱藏/顯示文字(jquery版)
- jquery應(yīng)該如何來(lái)設(shè)置改變按鈕input的onclick事件
- jquery獲取input的value問(wèn)題說(shuō)明
- jquery獲取input表單值的代碼
- jquery顯示隱藏input對(duì)象
相關(guān)文章
HTML5+jQuery實(shí)現(xiàn)搜索智能匹配功能
本文主要介紹了HTML5+jquery實(shí)現(xiàn)的搜索匹配效果的實(shí)例代碼。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
jquery獲取焦點(diǎn)和失去焦點(diǎn)事件代碼
鼠標(biāo)在搜索框中點(diǎn)擊的時(shí)候里面的文字就消失了，經(jīng)常會(huì)用到搜索框的獲得焦點(diǎn)和失去焦點(diǎn)的事件，接下來(lái)介紹一下具體代碼，感興趣的朋友額可以參考下2013-04-04
打造基于jQuery的高性能TreeView(asp.net)
項(xiàng)目中經(jīng)常會(huì)遇到樹(shù)形數(shù)據(jù)的展現(xiàn)，包括導(dǎo)航，選擇等功能，所以樹(shù)控件在大多項(xiàng)目中都是必須的。那一個(gè)實(shí)用的樹(shù)應(yīng)該具備什么功能呢？2011-02-02
jQuery實(shí)現(xiàn)在最后一個(gè)元素之前插入新元素的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)在最后一個(gè)元素之前插入新元素的方法,涉及jquery針對(duì)頁(yè)面元素的匹配選擇與屬性操作相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
用jquery實(shí)現(xiàn)的橫向顯示輪換效果。2010-05-05
這篇文章主要介紹了jQuery中:last選擇器用法,實(shí)例分析了:last選擇器的功能、定義及匹配時(shí)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
jquery實(shí)現(xiàn)全選和全不選功能效果的實(shí)現(xiàn)代碼【推薦】
下面小編就為大家?guī)?lái)一篇jquery實(shí)現(xiàn)全選和全不選功能效果的實(shí)現(xiàn)代碼【推薦】。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-05-05
輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建樹(shù)形網(wǎng)絡(luò)(1)
這篇文章主要幫助大家輕松學(xué)習(xí)jQuery插件EasyUI，并且教大家如何利用EasyUI創(chuàng)建樹(shù)形網(wǎng)絡(luò)，感興趣的小伙伴們可以參考一下2015-11-11
基于jquery實(shí)現(xiàn)表格無(wú)刷新分頁(yè)
這篇文章主要介紹了基于jquery實(shí)現(xiàn)表格無(wú)刷新分頁(yè)，功能實(shí)現(xiàn)了前端排序功能，增加了前端搜索功能，感興趣的小伙伴們可以參考一下2016-01-01
jQuery.Sumoselect插件實(shí)現(xiàn)下拉復(fù)選框效果
jquery.sumoselect是一款跨設(shè)備、跨瀏覽器的jQuery下拉列表框插件。接下來(lái)通過(guò)本文給大家分享jQuery.Sumoselect插件實(shí)現(xiàn)下拉復(fù)選框效果，需要的朋友參考下吧2017-11-11