在前端開發(fā)中,我們經(jīng)常需要設(shè)置元素的display屬性的值。在jQuery中,可以使用以下代碼來實現(xiàn):
//獲取元素 var ele = $('#myDiv'); //隱藏元素 ele.css('display', 'none'); //顯示元素 ele.css('display', '');
其中,'none'表示隱藏元素,''表示顯示元素。如果需要在元素原有display屬性的基礎(chǔ)上進行設(shè)置,也可以使用以下代碼:
ele.css('display', function() { return $(this).data('display') || 'block'; });
以上代碼會獲取元素的data-display屬性值并將其作為新的display屬性值,如果data-display不存在,則設(shè)置默認值為'block'。
除了使用css()方法外,還可以使用show()和hide()方法來設(shè)置元素的顯示與隱藏:
//隱藏元素 ele.hide(); //顯示元素 ele.show();
以上就是jQuery設(shè)置元素display屬性的值的相關(guān)方法介紹。