91嫩草国产线免费观看_欧美日韩中文字幕在线观看_精品精品国产高清a毛片_六月婷婷网 - 一级一级特黄女人精品毛片

關于jquery的append()

首頁 > 公司事務2023-04-04 07:52:03

關于jquery append() 我將一個選擇器賦給一個變量,例如var $id1 = $('#id1');

然后我將它放進一個
里面,寫:rn$("#main2").append($id1);rnHtml:rn
rn
需要移動的div
rn
rn
rnjs:rn$(function(){rn var $id1 = $("#id1"); //選擇器賦給一個變量rn $("#main2").append($id1);//放進main2rn})rnrn結果是
里面空了,
里面多了id1rn但我并沒有將main里面的div給remove(),這樣正常嗎?
你應該這樣想一想 $id1它是一個Id, 再或者 它里面還有Id

如果Append是Copy過去 那Id不就重復了嗎?? 這是不允許的 Id 是不可以重復的

如果你真想復制過去 可以使用

var $id1=$("#id1").clone(bool,bool);//克隆一個出來 具體兩個bool參數 可以去官方查查API
$id1.attr("id","id2");//一定要改Id名喔 別讓Id重復了 雖然不會有太大的影響 但這樣確實不符合規范
$("#main2").append($id1);
這是官方文檔的說明
如果一個被選中的元素被插入到另外一個地方,這是移動而不是復制。所以你的代碼沒問題

關于jquery中append函數~~

有如下代碼:rnrnrnrnrnrnrnrn

This is a heading

rn

This is a paragraph.

rn

This is another paragraph.

rnrnrnrnrnrn點擊一次按鈕后的結果是:rnThis is a headingrnThis is a paragraph.This p element has index 0rnrnThis is another paragraph.This p element has index 1rnrn問:那個參數m是如何根據不同的匹配元素自增的呢?rnPS:如果我給$("p").append(function(m)寫兩個參數,即$("p").append(function(m,n),下邊也相應的改成return "This p element has index " + (m+n) + "";rn會怎么樣呢?rn求達人講解原理~~~
jQuery 1.4 新增的。
這個操作與對指定的元素執行appendChild方法,將它們添加到文檔中的情況類似。
function(index, html)
返回一個HTML字符串,用于追加到每一個匹配元素的里邊。接受兩個參數,index參數為對象在這個集合中的索引值,html參數為這個對象原先的html值。
----------------------------------------------------------------------
所以:
$("p").append(function(m,n){
return "<b>This p element has index " + (m+n) + "</b>";
}
會得到:
This is a paragraph.This p element has index 0This is a paragraph.
This is another paragraph.This p element has index 1This is another paragraph.

也就是原有<p>中的內容 + This p element has index + 當前這個p的索引 + p自身的內容
append:向每個匹配的元素內部追加內容。
舉個例子:
html代碼:<p>I would like to say: </p>
jquery 代碼: $("p").append("<b>Hello</b>");
結果:<p>I would like to say: <b>Hello</b></p>
添加內容用比如$("div").append("<div></div>")
這樣就是給div添加一個子節點div
append() 方法在被選元素的結尾(仍然在內部)插入指定內容。
append是在你選中的DOM節點末尾附加目標元素作為最后一個子元素
舉個栗子

https://jsbin.com/gunoko/edit?html,css,js,output

關于jquery中append函數~~

有如下代碼: