1、獲取內(nèi)容 - text()、html()以及val()

text()-設(shè)置貨返回所選的元素的文本內(nèi)容；$("#text").text();

html()- 設(shè)置或返回所選元素的內(nèi)容（包括HTML標(biāo)記）$("#text").html();

val() - 設(shè)置貨返回表單字段的值? $("#text").val();

attr() - 獲取屬性值? $("#text").attr(" href");

刪除屬性? $("ul li:eq(1)").removeAttr("title");

動(dòng)態(tài)添加

.append()? -- 在目標(biāo)元素之后添加元素

.prepend()? -- 在目標(biāo)元素之前添加元素

.after()? -- 在目標(biāo)元素之后換行添加元素

.before()? -- 在目標(biāo)元素之前添加元素，并是目標(biāo)元素?fù)Q行

刪除元素

.remove() -- 刪除目標(biāo)元素

.empty() -- 清除目標(biāo)元素內(nèi)的子元素

$(document).ready(function(){

　　$("#btn").on('click',function(){

　　　　var ele1 = '<p>come? on</p>';

　　　　var ele2 = $("<p></p>").text("let's? do it");

　　　　var? ele3 = document.createElement("p");

　　　　ele3.innerHTML = "dance your body";

　　　　$(body).append(ele1,ele2,ele3);

　　});

　　/*刪除元素*/

　　$("#btn").on('click',function(){

　　　　$("div").remove();

　　　　$("div").empty();

　　})

})

jQuery綁定事件

jQuery 中綁定事件一般使用bind，或者click，到那時(shí)這只能對(duì)已經(jīng)加載好的元素定義事件，那些后來添加插入的元素則需要另行綁定。

jQuery 1.7 版以前使用live 動(dòng)態(tài)綁定事件

$("#text ul lli").live("click",function(){

})

jquery 1.7 版以后使用on動(dòng)態(tài)綁定事件

$("#text ul? li").on("click","li",function(){

　　// do something here

})

轉(zhuǎn)載于:https://www.cnblogs.com/zj911005/p/8916678.html

總結(jié)

以上是生活随笔為你收集整理的jQuery Dom 操作，动态生成dom，绑定事件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。