這是學(xué)習(xí)jq基礎(chǔ)的一些內(nèi)容整理
創(chuàng)建元素
$("<div></div>");
這種方法創(chuàng)建的元素，是不存在頁面中的，需要另外添加到頁面中
節(jié)點(diǎn)的移動
- 在子節(jié)點(diǎn)最后插入
$("#box").append($box2);
//插入已經(jīng)存在的盒子
$("#box").append("<div></div>");
//在插入的過程中創(chuàng)建
- 在子節(jié)點(diǎn)最前插入
$("#box").prepend($box2);
//把box2放到box內(nèi)部最前邊
- 在同級元素的前面插入節(jié)點(diǎn)
$("#box").before($box2);
//把節(jié)點(diǎn)$box2放在$box的同級元素中的最前
- 在所有同級元素的最后插入節(jié)點(diǎn)
$("#box").after($box2);
- 由于jq具有隱式迭代特性，可以同時(shí)將一個(gè)節(jié)點(diǎn)添加到多個(gè)節(jié)點(diǎn)，此時(shí)注意不要寫id
<p id="p"><p>
<div></div>
<div></div>
<div></div>
<div></div>
$("div").append($("#p"));
appendTo和prependTo
appendTo剛好和append相反
//將text放到box中最后
$("#box").append($("text"));
$("text").append($("#box"));
- prependTo()和prepend（）完全相反
//把text節(jié)點(diǎn)放在box中的最前
$("#text").prependTo($("#box"));
- html方法
和js中的innerHTML一樣
$("#box").html("<div></div>");
- 節(jié)點(diǎn)的刪除方式
- empty(); 可以完全清除內(nèi)部所有東西
$("#box").empty();
- remove();自殺
$("#box").remove();
- 設(shè)置html內(nèi)容是空
$("#box").html("")
- 克隆節(jié)點(diǎn)
//clone()用于克隆節(jié)點(diǎn)
//如果傳入的值是false 是淺復(fù)制，只能復(fù)制標(biāo)簽內(nèi)容 ，不能復(fù)制事件
$("#box").clone(false)
//如果傳入的值是true 表示是深復(fù)制 不僅復(fù)制標(biāo)簽內(nèi)容，還能復(fù)制事件
$("#box").clone(true);
