jQuery是一個十分強大實用的JavaScript庫,極大的簡化了開發(fā)者的工作量,常常被用于前端網(wǎng)頁的開發(fā)和設(shè)計中。其中隱藏checkbox是開發(fā)者常常用到的一種需求,下面通過jQuery的學(xué)習(xí),來掌握如何隱藏checkbox。
// 選擇所有的checkbox $('input[type=checkbox]').each(function(){ // 隱藏checkbox $(this).attr('style', 'display:none'); });
在上述代碼中,我們通過選擇所有的類型為checkbox的input節(jié)點,對每個checkbox進行隱藏的操作,采用的方式是通過jQuery的attr函數(shù)改變節(jié)點的樣式設(shè)置。這段代碼的運行結(jié)果是隱藏所有的checkbox節(jié)點。
除了以上代碼,我們還可以通過其他的方法來實現(xiàn)checkbox的隱藏,例如設(shè)置節(jié)點的opacity屬性為0,甚至是利用節(jié)點的visibility屬性進行控制。事實上,在jQuery中要實現(xiàn)checkbox節(jié)點的隱藏并不需要太復(fù)雜的操作,只需要根據(jù)需求對節(jié)點的樣式進行修改即可。