方法：1、利用“:nth-child”選擇器和“$(元素)”語句來獲取想要隱藏的某列元素對(duì)象，語法為“$(元素:nth-child(n))”；2、利用hide()方法將獲取的元素對(duì)象隱藏，語法為“元素對(duì)象.hide()”。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。

jquery怎樣隱藏某列元素

y在jquery中，可以通過“td:nth-child(2)”對(duì)象選擇器獲得指定列對(duì)象，使用hide()方法實(shí)現(xiàn)隱藏。下面舉例講解jquery怎樣隱藏表格里的列。

1、新建一個(gè)html文件，命名為test.html，用于講解jquery怎樣隱藏表格里的列。使用table標(biāo)簽創(chuàng)建一個(gè)四行兩列的表格，并設(shè)置其邊框?yàn)?px。給table表格添加一個(gè)id屬性mytable，用于下面獲得table對(duì)象。

在test.html文件內(nèi)，創(chuàng)建一個(gè)button按鈕，給button綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行hidelie()函數(shù)。

2、在js標(biāo)簽內(nèi)，創(chuàng)建hidelie()函數(shù)，在函數(shù)內(nèi)，通過“td:nth-child(2)”對(duì)象選擇器獲得第二列對(duì)象，使用hide()方法實(shí)現(xiàn)隱藏。

在瀏覽器打開test.html文件，點(diǎn)擊按鈕，查看實(shí)現(xiàn)的效果。

點(diǎn)擊按鈕后：

總結(jié)：

1、使用table標(biāo)簽創(chuàng)建一個(gè)四行兩列的表格。

2、在js中，通過“td:nth-child(2)”對(duì)象選擇器獲得第二列對(duì)象，使用hide()方法實(shí)現(xiàn)隱藏。

注意事項(xiàng)：

除了上面的方法，還可以使用css()方法將display屬性設(shè)置為none，實(shí)現(xiàn)隱藏。

相關(guān)視頻教程推薦：jQuery視頻教程