jquery隱藏元素的代碼:1、“$(選擇器).hide();”;2、“$(選擇器).toggle(1000);”;3、“$(選擇器).slideDown();”;4、“$(選擇器).css("display","none")”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery隱藏元素的多種方法:
1、使用hide()
hide() 可隱藏可見元素:
$("button").click(function(){ $("p").hide(); });
hide()經(jīng)常與show一起使用,用于切換顯隱
show()可顯示出隱藏元素。
$("button").click(function(){ $("p").show(); });
2、使用toggle()方法
toggle() 方法切換元素的可見狀態(tài)。
如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。
$("button").click(function(){ $("p").toggle(1000); });
3、使用slideDown()方法
以滑動(dòng)方式顯示隱藏元素
$("button"").click(function(){ $("p").slideDown(); });
4、使用css()方法
使用css() 方法設(shè)置displays樣式來(lái)隱藏可見元素:
$("button"").click(function(){ $("p").css("display","none"); // });
【推薦學(xué)習(xí):jQuery視頻教程、web前端視頻】