jq 插入結構

2022-04-11 23:37:11 字數 699 閱讀 6681

一、插入

3.prepend

$("#content").prepend($('span')); 

4.prependto

$("span").prependto("#content");     /   $("span").prependto($("#content"));   // 內容最前方插入指定內容 ,和搬磚一樣,有磚是移動,沒有就看存不存在可形成的實體,存在就新增,否則啥事不做。

5. before dom外層前方插入

$("p").before("hello world!

");6.after dom外層後方插入

$("p").after("hello world!

");7.insertafter 指定dom外層後方插入

$("你好!").insertafter("p");

二、包裹

1.wrapinner

$("#div").wrapinner($(""));   //用 a 包裹住 #div 內容,即 內容加套

2. wrap

$("p").wrap("

");   // 用此結構包裹 匹配的p ,內容及其dom均被裹住,即 外殼加套。

3.wrapall

$("p").wrapall("

");  // 創造乙個包圍圈,把所有匹配元素圍起來,不匹配擠到外邊,控制台篩選元素不錯。。

jq 新增和插入

在父元素的最後面新增子元素 p 你好 p元素你好 將子元素追加到父元素的最後面。你好 p p元素你好 3 父元素.prepend 子元素 方法函式 將子元素追加到父元素的最前面 p prepend 你好 你好p元素 4 子元素.prependto 父元素 方法函式 將子元素追加到父元素的最前面 你好...

JQ 元素建立插入刪除篇

建立元素,傳入htmlstring 用於建立元素 var jqdiv 設定所需要的屬性或者樣式 jqdiv.css jqdiv.prop id div1 插入到當前文件中 body jqdiv var jqdiv html 這是div1 css prop id div1 body jqdiv b的 ...

JQ插入元素的幾種方法

jquery prepend 方法 p prepend hellow world jquery prepend 在被選中元素的 開始 位置插入內容 jquery prependto 方法 hello world prependto p jquery prependto 方法 hello world ...