首頁 > 網際網路

jquery中移除jquery物件的方法

2019-12-12 01:26:39

jquery中移除jquery物件的方法,通常有三種:remove、empty、hide,本文就為你詳細演示其使用方式

1

開啟visual studio code編輯工具,使用任何其他編輯工具也可以。建立如下結構的檔案,在vs code的html頁面中,輸入一個感嘆號,再按一下Tab鍵,就可以快速建立H5的dom結構


2

在頁面上新增三個p標籤,作為演示的測試內容


3

在head部分引入jquery本地原始檔,並新增測試js程式碼,判斷jquery引入是否成功,如果正確彈出內容,表示jquery引入成功了


4

通過ID查詢第一個p標籤的Jquery物件,然後,彈出這個物件的內容,如圖所示


5

在找到的Jquery物件上,使用remove方法,將其從介面移除掉,如圖所示,第一個p的內容沒有了


6

在找到的Jquery物件上,使用empty方法,清空這個p標籤的內容,如圖所示,介面上第一個p標籤內容不顯示了,再按F12,可以看到這個p標籤還在,內容清空了


7

在找到的Jquery物件上,使用hide方法,將其從介面上隱藏起來,標籤的內容只是看不到,但是還是在頁面上的



IT145.com E-mail:sddin#qq.com