移動元素
方法
描述
append($(selector))
向當前元素的內部追加內容
appendTo($(selector))
將當前元素在某元素內部追加。但由於會根據需要對當前元素進行移動,所以jQuery對象更改了,可用end()還原
prepend($(selector))
向當前元素的內部前置內容
prependTo($(selector))
將當前元素在某元素內部前置。類似於appendTo(),會改變對象
after($(selector))
向當前元素之後插入內容
insertAfter($(selector))
將當前元素插入到某元素之後。類似於appendTo(),會改變對象
before($(selector))
向當前元素之前插入內容
insertBefore($(selector))
將當前元素插入到某元素之前。類似於appendTo(),會改變對象
添加元素
方法
描述
$(html)
創建生成jQuery對象。根據原始HTML代碼字符串,創建指向新元素的jQuery對象,再利用移動方法來添加到文檔中
clone()
復制生成jQuery對象。復制當前選定頁面元素,生成副本元素的jQuery對象,同樣利用移動方法來添加到文檔中。而且clone()指向副本,相當於更改了jQuery對象,所以可用一次end()還原到當前選定元素;二次end()則徹底還原對jQuery對象的更改
替換元素
方法
描述
replaceWith($(selector))
replaceWith($(html))
移動頁面上原有的元素來替換當前選定的頁面元素,也可以添加新元素來替換
replaceAll($(selector))
replaceAll($(html))
用當前選定的元素來替換某元素,可以使頁面上原有元素,也可以是新元素。同樣會根據需要復制當前元素副本,從而更改jQuery對象
包裹元素
方法
描述
wrap($(selector))
wrap($(html))
復制頁面上原有的元素來包裹當前選定的元素,也可以添加新元素來包裹
unwrap()
用來去除當前元素的父元素,但是父元素內部的文本內容依舊保留
wrapAll($(selector))
復制頁面原有元素把所有當前選定元素包裹在一起,不同於wrap()分別包裹每個元素
wrapInner($(selector))
復制頁面原有元素把分別包裹每個當前選定元素內部的文本和後代元素,不同於wrap()分別包裹每個元素本身
刪除和清空元素
方法
描述
remove()
刪除當前元素,該元素包含的文本內容和後代元素會一起刪除掉,綁定的事件也不復存在
detach()
同樣是刪除當前元素,但是綁定的事件還是存在的
empty()
清空當前元素,該元素的文本內容和後代元素都將刪除,但保留其本身