判斷方法:
十多年的魏都網(wǎng)站建設(shè)經(jīng)驗(yàn),針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。成都全網(wǎng)營銷的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整魏都建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“魏都網(wǎng)站設(shè)計(jì)”,“魏都網(wǎng)站推廣”以來,每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
1、使用CSS屬性
var display =$('#id').css('display');
if(display == 'none'){
alert("被你發(fā)現(xiàn)了,我是隱藏的啦!"
);}
2、使用jquery內(nèi)置選擇器
假設(shè)我們頁面有這么個(gè)標(biāo)簽,
div id="test"p僅僅是測試所用/p/div
那么,我們可以用以下語句來判斷id為"test"的標(biāo)簽是否隱藏:
if($("#test").is(":hidden")){...} //前提是已經(jīng)將jQuery的庫導(dǎo)進(jìn)來了
這樣,我們就能夠很簡單地判斷一個(gè)元素是否隱藏,并根據(jù)其狀態(tài)來設(shè)置動(dòng),比如:
if($("#test").is(":hidden")){
$("#test").show();? //如果元素為隱藏,則將它顯現(xiàn)
}else{
$("#test").hide();???? //如果元素為顯現(xiàn),則將其隱藏
}
3、jQuery判斷對象是否顯示或隱藏
Js代碼
// jQuery("#tanchuBg").css("display")
// jQuery("#tanchuBg").is(":visible")
// jQuery("#tanchuBg").is(":hidden")
擴(kuò)展資料:
jQuery語言特點(diǎn):
1、快速獲取文檔元素
jQuery的選擇機(jī)制構(gòu)建于Css的選擇器,它提供了快速查詢DOM文檔中元素的能力,而且大大強(qiáng)化了JavaScript中獲取頁面元素的方式。
2、提供漂亮的頁面動(dòng)態(tài)效果
jQuery中內(nèi)置了一系列的動(dòng)畫效果,可以開發(fā)出非常漂亮的網(wǎng)頁,許多網(wǎng)站都使用jQuery的內(nèi)置的效果,比如淡入淡出、元素移除等動(dòng)態(tài)特效。
3、創(chuàng)建AJAX無刷新網(wǎng)頁
AJAX是異步的JavaScript和ML的簡稱,可以開發(fā)出非常靈敏無刷新的網(wǎng)頁,特別是開發(fā)服務(wù)器端網(wǎng)頁時(shí),比如PHP網(wǎng)站,需要往返地與服務(wù)器通信,如果不使用AJAX,每次數(shù)據(jù)更新不得不重新刷新網(wǎng)頁,而使用AJAX特效后,可以對頁面進(jìn)行局部刷新,提供動(dòng)態(tài)的效果。
4、提供對JavaScript語言的增強(qiáng)
jQuery提供了對基本JavaScript結(jié)構(gòu)的增強(qiáng),比如元素迭代和數(shù)組處理等操作。
5、增強(qiáng)的事件處理
jQuery提供了各種頁面事件,它可以避免程序員在HTML中添加太事件處理代碼,最重要的是,它的事件處理器消除了各種瀏覽器兼容性問題。
6、更改網(wǎng)頁內(nèi)容
jQuery可以修改網(wǎng)頁中的內(nèi)容,比如更改網(wǎng)頁的文本、插入或者翻轉(zhuǎn)網(wǎng)頁圖像,jQuery簡化了原本使用JavaScript代碼需要處理的方式。
參考資料:百度百科——jQuery
jequery在點(diǎn)擊一個(gè)按鈕時(shí)使用jquery隱藏一個(gè)元素是jQuery提供了toggle()函數(shù)用于切換顯示和隱藏:顯示被隱藏的元素,隱藏已顯示的元素,示例代碼。
拓展資料:
html代碼如下:其中有一個(gè)button和一個(gè)div
input type="button" value="button"/
div id="mydiv"/div2.
js代碼如下:
$(function(){
$('input:button').click(function(){ $('div').fadeToggle() }
.hide()
這個(gè)方法不接受任何參數(shù)。
.hide(
[duration
]
[,
complete
]
)
duration
(默認(rèn):
400)
類型:
Number
or
String
一個(gè)字符串或者數(shù)字決定動(dòng)畫將運(yùn)行多久。
complete
類型:
Function()
在動(dòng)畫完成時(shí)執(zhí)行的函數(shù)。
如果沒有參數(shù),.hide()方法是最簡單的方法來隱藏一個(gè)元素:
$('.target').hide();
匹配的元素將被立即隱藏,沒有動(dòng)畫。這大致相當(dāng)于調(diào)用.css('display',
'none'),但display屬性值保存在jQuery的數(shù)據(jù)緩存中,所以display可以方便以后可以恢復(fù)到其初始值。如果一個(gè)元素的display屬性值為inline,那么隱藏再顯示時(shí),這個(gè)元素將再次顯示inline。
JQuery中元素是否顯示或者隱藏,有兩種方式,主要通過獲取元素節(jié)點(diǎn)的hidden和visible兩個(gè)屬性來進(jìn)行判斷,代碼如下:
var
node=$('#id');
第一種寫法
if(node.is(':hidden')){//如果node是隱藏的則顯示node元素,否則隱藏
node.show();
}else{
node.hide();
}
第二種寫法
if(!node.is(':visible')){//如果node是隱藏的則顯示node元素,否則隱藏
node.show();
}else{
node.hide();
}
if(node.is(':visible')){//如果node是顯示的則隱藏node元素,否則顯示
node.hide();
}else{
node.show();
}
1、jquery.show()和jquery.hide()方法
語法:
$(selector).show(speed,callback);
$(selector).hide(speed,callback);
2、jquery.toggle()方法
語法:
$(selector).toggle(speed,callback);
3、帶有淡入淡出效果的顯示和隱藏
$(selector).fadeIn(speed,callback)
$(selector).fadeOut(speed,callback)
$(selector).fadeToggle(speed,callback)
$(selector).fadeTo(speed,opacity,callback)
4、帶有滑動(dòng)效果的顯示和隱藏
$(selector).slideDown(speed,callback)
$(selector).slideUp(speed,callback)
$(selector).slideToggle(speed,callback)
注意:
可選的 speed 參數(shù)規(guī)定效果的時(shí)長。它可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是滑動(dòng)完成后所執(zhí)行的函數(shù)名稱。
網(wǎng)站標(biāo)題:jquery元素隱藏,jquery使用什么方法隱藏元素
網(wǎng)頁鏈接:http://m.rwnh.cn/article4/phgpie.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、標(biāo)簽優(yōu)化、外貿(mào)網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、網(wǎng)站維護(hù)、服務(wù)器托管
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)