亚洲最大看欧美片,亚洲图揄拍自拍另类图片,欧美精品v国产精品v呦,日本在线精品视频免费

  • 站長資訊網(wǎng)
    最全最豐富的資訊網(wǎng)站

    jquery怎樣隱藏某列元素

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

    jquery怎樣隱藏某列元素

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

    jquery怎樣隱藏某列元素

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

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

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

    jquery怎樣隱藏某列元素

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

    jquery怎樣隱藏某列元素

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

    jquery怎樣隱藏某列元素

    點擊按鈕后:

    jquery怎樣隱藏某列元素

    總結(jié):

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

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

    注意事項:

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

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

    贊(0)
    分享到: 更多 (0)
    網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號