主要是遍歷、創(chuàng)建作谭、添加稽物、刪除元素操作。
一折欠、遍歷元素
jQuery 隱式迭代是對同一類元素做了同樣的操作贝或。 如果想要給同一類元素做不同操作,就需要用到遍歷锐秦。
語法1:
$("div").each(function(index, domEle){ xxx; })
- each() 方法遍歷匹配的每一個元素咪奖。主要用DOM處理。 each:每一個酱床。
- 里面的回調(diào)函數(shù)有2個參數(shù): index 是每個元素的索引號; demEle 是每個DOM元素對象羊赵,不是jquery對象
- 所以要想使用jquery方法,需要給這個dom元素轉(zhuǎn)換為jquery對象 $(domEle)
語法2:
$.each(object, function(index, element){ xxx; })
-
$.each()
方法可用于遍歷任何對象扇谣。主要用于數(shù)據(jù)處理昧捷,比如數(shù)組,對象 - 里面的函數(shù)有2個參數(shù):
index
是每個元素的索引號;element
遍歷內(nèi)容
二揍堕、創(chuàng)建元素
語法:
$(''<li></li>'');
動態(tài)的創(chuàng)建了一個 <li>
三料身、添加元素
- 內(nèi)部添加
element.append(''內(nèi)容'')
把內(nèi)容放入匹配元素內(nèi)部最后面,類似原生 appendChild衩茸。
element.prepend(''內(nèi)容'')
把內(nèi)容放入匹配元素內(nèi)部最前面。
- 外部添加
element.after(''內(nèi)容'') // 把內(nèi)容放入目標(biāo)元素后面
element.before(''內(nèi)容'') // 把內(nèi)容放入目標(biāo)元素前面
①內(nèi)部添加元素贮泞,生成之后楞慈,它們是父子關(guān)系。
②外部添加元素啃擦,生成之后囊蓝,他們是兄弟關(guān)系。
四令蛉、刪除元素
element.remove() // 刪除匹配的元素(本身)
element.empty() // 刪除匹配的元素集合中所有的子節(jié)點
element.html('''') // 清空匹配的元素內(nèi)容
①remove 刪除元素本身聚霜。
②empty() 和 html('''') 作用等價,都可以刪除元素里面的內(nèi)容珠叔,只不過 html 還可以設(shè)置內(nèi)容蝎宇。