方法:1、使用“$(選擇器).css('display','none');”;2、使用“$(選擇器).attr("display","none");”;3、使用“$(選擇器).hide();”;4、使用“$(選擇器).toggle();”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery隱藏顯示元素的四種方法
方法一:
$(selector).css('display','none'); $(selector).css('display','block');
方法二:
$(selector).attr("display","none"); $(selector).attr("display","block");
方法三:
$(selector).hide(); $(selector).show();
hide() 方法:如果被選的元素已被顯示,則隱藏該元素。
show() 方法:如果被選元素已被隱藏,則顯示這些元素
方法四:
$(selector).toggle();
toggle() 方法在被選元素上進(jìn)行 hide() 和 show() 之間的切換。
該方法檢查被選元素的可見狀態(tài)。如果一個(gè)元素是隱藏的,則運(yùn)行 show(),如果一個(gè)元素是可見的,則運(yùn)行 hide() – 這會(huì)造成一種切換的效果。
相關(guān)視頻教程推薦:jQuery教程(視頻)