jquery清除子元素的方法:1、利用children()方法取得父元素下的所有子元素對象,語法為「父元素物件.children()」;2、利用remove()方法將取得到的子元素物件清除即可,語法為「子元素物件.remove()」。
本教學操作環境:windows7系統、jquery3.2.1版本、Dell G3電腦。
jquery怎麼清除子元素
在jquery中,透過獲得元素對象,使用children()方法來獲得它的子元素,使用remove()方法便可以實作刪除子元素。
範例如下:
1、新建一個html文件,命名為test.html,用來講解jquery如何刪除子元素。使用div標籤建立一個模組,在div內,使用p標籤建立一行文字。
為了展示效果,在test.html檔案內,使用css設定div的樣式,定義div的寬度為200px,高度為30px,行高為30px,背景顏色為紅色,同時,定義p標籤的文字為白色。
用button標籤建立一個按鈕,按鈕名稱為「刪除div的子元素」。給button按鈕綁定onclick點擊事件,當按鈕被點擊時,執行myfun()函數。
2、在js標籤中,建立myfun()函數,在函數內,透過元素名稱取得div對象,使用children()方法獲是div的子元素,透過remove()方法將div下所有的子元素刪除。
在瀏覽器中開啟test.html文件,點擊按鈕,查看實現的效果。
點擊按鈕後:
#總結:
1、建立一個test.html文件。
2、在檔案內,使用div標籤建立一個模組,在div內,使用p標籤建立一行文字。同時建立一個button按鈕,用於觸發執行js函數。
3、在js標籤內,建立函數,在函數內,透過元素名稱取得div對象,使用children()方法取得是div的子元素,透過remove()方法將div下所有的子元素刪除。
注意事項:
children()方法得到的是元素物件下所有的子元素。
相關影片教學推薦:jQuery影片教學
#以上是jquery怎樣清除子元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!