1 插入
1.1 append()
//在被選中元素的結(jié)尾(仍然在內(nèi)部)插入指定內(nèi)容
$("#myDiv").append("<b>42du.cn</b>");
1.2 appendTo()
//插入指定內(nèi)容到被選中元素的結(jié)尾(仍然在內(nèi)部)
$("<b>42du.cn</b>").appendTo($("#myDiv"));
1.3 prepend()
//在被選中元素的開頭(仍然在內(nèi)部)插入指定內(nèi)容
$("#myDiv").prepend("<b>42du.cn</b>");
1.4 prependTo()
//插入指定內(nèi)容到被選中元素的開頭(仍然在內(nèi)部)
$("<b>42du.cn</b>").prependTo($("#myDiv"));
1.5 before()
//在被選中元素之前插入指定內(nèi)容(外部)
$("#myDiv").before("<div>42du.cn</div>");
1.6 insertBefore()
//插入指定內(nèi)容到被選中元素之前(外部)
$("<div>42du.cn</div>").insertBefore($("#myDiv"));
1.7 after()
//在被選中元素之后插入指定內(nèi)容(外部)
$("#myDiv").after("<div>42du.cn</div>");
1.8 insertAfter()
//插入指定內(nèi)容到被選中元素之后(外部)
$("<div>42du.cn</div>").insertAfter($("#myDiv"));
2 類操作
2.1 addClass()
//向被選中元素添加一個或多個類
$("#myDiv").addClass("red");
2.2 hasClass()
//檢查被選中元素是否包含指定的類
$("#myDiv").hasClass("red");
2.3 removeClass()
//從被選元素移除一個或多個類
$("#myDiv").removeClass("red");
2.4 toggleClass()
//先檢查選中元素是否包含指定的類磷账,如果不存在則添加,如果存在則刪除
$("#myDiv").toggleClass("red");
3 屬性操作
3.1 attr()
//取得被選中元素的屬性值
$("#myDiv").attr("class");
//設置被選中元素的屬性值
$("#myDiv").attr("class","red");
3.2 removeAttr()
//從被選中元素移除屬性
$("#myDiv").removeAttr("class");
4 包裹
4.1 wrap()
//把被選中元素放置在指定的HTML內(nèi)容或元素中,語法:$(selector).wrap(wrapper)
//在id為myDiv的元素外面包裹一個新的div元素
$("#myDiv").wrap("<div id='parent'></div>");
4.2 unwrap()
//刪除被選中元素的父元素
$("#myDiv").unwrap();
4.3 wrapAll()
//在指定的HTML內(nèi)容或元素中放置所有被選中元素
//用<div>包裹所有段落
$("p").wrapAll("<div></div>")
4.4 wrapInner()
//使用指定的HTML內(nèi)容或元素窿撬,來包裹每個被選元素中的所有內(nèi)容
$("#myDiv").wrapInner("<b></b>");
5 克隆
5.1 clone()
//生成被選元素的副本筋栋,包含子節(jié)點零远、文本和屬性
//復制每個p元素苗分,然后追加到div元素中
$("#myDiv").append($("p").clone());
6 移除
6.1 detach()
//移除選中元素,包括所有文本和子節(jié)點遍烦,會返回選中元素,并保留綁定事件及附加數(shù)據(jù)
$("myDiv").detach();
6.2 remove()
//移除選中元素躺枕,包括所有文本和子節(jié)點服猪,會返回選中元素,不保留綁定事件及附加數(shù)據(jù)
$("myDiv").remove();
6.3 empty()
//移除選中元素的所有文本和子節(jié)點
$("myDiv").empty();
7 其它
7.1 html()
//取得被選中元素的內(nèi)容(inner HTML)
$("#myDiv").html();
//設置被選中元素的內(nèi)容(inner HTML)
$("#myDiv").html("Hello <b>42du.cn</b>");
7.2 text()
//取得被選中元素的文本內(nèi)容
$("#myDiv").text();
//設置被選中元素的文本內(nèi)容
$("#myDiv").text("Hello <b>42du.cn</b>");
7.3 val()
//取得被選中元素的值
$("#username").val();
//設置被選中元素的值
$("#username").val("毛三胖");
8 總結(jié)
本文全面的總結(jié)JQuery文檔操作的基本方法拐云,希望對大家有所幫助罢猪。另本人菜鳥一枚,如有錯誤叉瘩,請評論指正膳帕。