JQuery顯示隱藏頁面元素的方法總結(jié)_jquery
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 21:37:14
JQuery顯示隱藏頁面元素的方法總結(jié)_jquery
JQuery顯示隱藏頁面元素的方法總結(jié)_jquery:在jquery中顯示隱藏div方法方法有很多種,如比較簡單的函數(shù)show(),hide(),toggle(),slideDown()然后還有css設(shè)置div的style屬性都可操作,下面我來介紹。 show()方法 顯示出隱藏的 元素。 代碼如下: $(.btn2).click(function
導(dǎo)讀JQuery顯示隱藏頁面元素的方法總結(jié)_jquery:在jquery中顯示隱藏div方法方法有很多種,如比較簡單的函數(shù)show(),hide(),toggle(),slideDown()然后還有css設(shè)置div的style屬性都可操作,下面我來介紹。 show()方法 顯示出隱藏的 元素。 代碼如下: $(.btn2).click(function

在jquery中顯示隱藏div方法方法有很多種,如比較簡單的函數(shù)show(),hide(),toggle(),slideDown()然后還有css設(shè)置div的style屬性都可操作,下面我來介紹。
show()方法
顯示出隱藏的
元素。
代碼如下:
$(".btn2").click(function(){
$("p").show();
});
toggle()方法
toggle() 方法切換元素的可見狀態(tài)。
如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。
代碼如下:
slideDown()方法
以滑動方式顯示隱藏的
元素:
代碼如下:
$(".btn2").click(function(){
$("p").slideDown();
});
hide() 方法
隱藏可見的
元素:
代碼如下:
$(".btn1").click(function(){
$("p").hide();
});
這個函數(shù)經(jīng)常與show一起使用
css()方法
css() 方法設(shè)置或返回被選元素的一個或多個樣式屬性。
返回 CSS 屬性
如需返回指定的 CSS 屬性的值,請使用如下語法:
代碼如下:
css("propertyname");
$("p").css("display","none");
看一個實例
代碼如下:
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JQuery顯示隱藏頁面元素的方法總結(jié)_jquery
JQuery顯示隱藏頁面元素的方法總結(jié)_jquery:在jquery中顯示隱藏div方法方法有很多種,如比較簡單的函數(shù)show(),hide(),toggle(),slideDown()然后還有css設(shè)置div的style屬性都可操作,下面我來介紹。 show()方法 顯示出隱藏的 元素。 代碼如下: $(.btn2).click(function