jQuery節點的添加和插入


1)父元素.append(子元素)方法函數

描述:在父元素的最后面添加子元素 示例:

html代碼: <p>我想說:</p>

jQuery代碼:

$("p").append("<b>你好</b>");

結果: <p>我想說:<b>你好</b></p>

2)子元素.appendTo(父元素)方法函數

描述:將子元素追加到父元素的最后面。

示例: html代碼: <p>我想說:</p>

jQuery代碼: $("<b>你好</b>").appendTo("p");

結果: <p>我想說:<b>你好</b></p>

3)父元素.prepend(子元素)方法函數

描述:將子元素追加到父元素的最前面

示例: html代碼:<p>我想說:</p>

jQuery代碼: $("p").appendTo("<b>你好</b>");

結果: <p><b>你好</b>我想說:</p>

4)子元素.prependTo(父元素)方法函數

描述:將子元素追加到父元素的最前面

示例:

html代碼: <p>我想說:</p>

jQuery代碼: $("<b>你好</b>").appendTo("p");

結果: <p><b>你好</b>我想說:</p>

5)元素A.after(元素B)方法函數

描述:將元素B插入到元素A的后面,但不在元素A內部。

示例: html代碼: <p>我想說:</p>

jQuery代碼:$("p").after("<b>你好</b>");

結果: <p>我想說:</p><b>你好</b>

6)元素A.insertAfter(元素B)方法函數

描述:將元素A插入到元素B后面,但不在元素B內部。

示例: html代碼: <p>我想說:</p>

jQuery代碼: $("<b>你好</b>").after("p");

結果: <p>我想說:</p><b>你好</b>

7)元素A.before(元素B)方法函數

描述:將元素B插入到元素A的前面,但不在元素A內部。

示例: html代碼: <p>我想說:</p>

jQuery代碼: $("p").before("<b>你好</b>");

結果: <b>你好</b><p>我想說:</p>

8)元素A.insertBefore(元素B)方法函數

描述:將元素A插入到元素B的前面,但不在元素B內部。

示例:

html代碼: <p>我想說:</p>

jQuery代碼: $("<b>你好</b>").insertBefore("p");

結果: <b>你好</b><p>我想說:</p>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM