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

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