.hide()
成都創(chuàng)新互聯(lián)公司長期為上千余家客戶提供的網(wǎng)站建設(shè)服務(wù),團隊從業(yè)經(jīng)驗10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為潞州企業(yè)提供專業(yè)的成都做網(wǎng)站、成都網(wǎng)站制作,潞州網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
這個方法不接受任何參數(shù)。
.hide(
[duration
]
[,
complete
]
)
duration
(默認(rèn):
400)
類型:
Number
or
String
一個字符串或者數(shù)字決定動畫將運行多久。
complete
類型:
Function()
在動畫完成時執(zhí)行的函數(shù)。
如果沒有參數(shù),.hide()方法是最簡單的方法來隱藏一個元素:
$('.target').hide();
匹配的元素將被立即隱藏,沒有動畫。這大致相當(dāng)于調(diào)用.css('display',
'none'),但display屬性值保存在jQuery的數(shù)據(jù)緩存中,所以display可以方便以后可以恢復(fù)到其初始值。如果一個元素的display屬性值為inline,那么隱藏再顯示時,這個元素將再次顯示inline。
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、帶有滑動效果的顯示和隱藏
$(selector).slideDown(speed,callback)
$(selector).slideUp(speed,callback)
$(selector).slideToggle(speed,callback)
注意:
可選的 speed 參數(shù)規(guī)定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是滑動完成后所執(zhí)行的函數(shù)名稱。
判斷方法:
1、使用CSS屬性
var display =$('#id').css('display');
if(display == 'none'){
alert("被你發(fā)現(xiàn)了,我是隱藏的啦!"
);}
2、使用jquery內(nèi)置選擇器
假設(shè)我們頁面有這么個標(biāo)簽,
div id="test"p僅僅是測試所用/p/div
那么,我們可以用以下語句來判斷id為"test"的標(biāo)簽是否隱藏:
if($("#test").is(":hidden")){...} //前提是已經(jīng)將jQuery的庫導(dǎo)進來了
這樣,我們就能夠很簡單地判斷一個元素是否隱藏,并根據(jù)其狀態(tài)來設(shè)置動,比如:
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")
擴展資料:
jQuery語言特點:
1、快速獲取文檔元素
jQuery的選擇機制構(gòu)建于Css的選擇器,它提供了快速查詢DOM文檔中元素的能力,而且大大強化了JavaScript中獲取頁面元素的方式。
2、提供漂亮的頁面動態(tài)效果
jQuery中內(nèi)置了一系列的動畫效果,可以開發(fā)出非常漂亮的網(wǎng)頁,許多網(wǎng)站都使用jQuery的內(nèi)置的效果,比如淡入淡出、元素移除等動態(tài)特效。
3、創(chuàng)建AJAX無刷新網(wǎng)頁
AJAX是異步的JavaScript和ML的簡稱,可以開發(fā)出非常靈敏無刷新的網(wǎng)頁,特別是開發(fā)服務(wù)器端網(wǎng)頁時,比如PHP網(wǎng)站,需要往返地與服務(wù)器通信,如果不使用AJAX,每次數(shù)據(jù)更新不得不重新刷新網(wǎng)頁,而使用AJAX特效后,可以對頁面進行局部刷新,提供動態(tài)的效果。
4、提供對JavaScript語言的增強
jQuery提供了對基本JavaScript結(jié)構(gòu)的增強,比如元素迭代和數(shù)組處理等操作。
5、增強的事件處理
jQuery提供了各種頁面事件,它可以避免程序員在HTML中添加太事件處理代碼,最重要的是,它的事件處理器消除了各種瀏覽器兼容性問題。
6、更改網(wǎng)頁內(nèi)容
jQuery可以修改網(wǎng)頁中的內(nèi)容,比如更改網(wǎng)頁的文本、插入或者翻轉(zhuǎn)網(wǎng)頁圖像,jQuery簡化了原本使用JavaScript代碼需要處理的方式。
參考資料:百度百科——jQuery
jequery在點擊一個按鈕時使用jquery隱藏一個元素是jQuery提供了toggle()函數(shù)用于切換顯示和隱藏:顯示被隱藏的元素,隱藏已顯示的元素,示例代碼。
拓展資料:
html代碼如下:其中有一個button和一個div
input type="button" value="button"/
div id="mydiv"/div2.
js代碼如下:
$(function(){
$('input:button').click(function(){ $('div').fadeToggle() }