摘要：刪除指定的屬性，這個方法就不可以使用匿名函數(shù)，傳遞和均無效。遍歷對象數(shù)組索引，鍵，屬性名屬性值，值相當于遍歷原生對象數(shù)組時，為元素。在使用使用時，可以使用傳入匿名函數(shù)的方法，實現(xiàn)由默認到幾個之間的切換。

轉(zhuǎn)自個人博客

我們通過前面所學習的各種選擇器、過濾器來得到我們想要操作的元素。這個時候，我們就可以對這些元素進行 DOM 的操作。
那么，最常用的操作就是對元素內(nèi)容的獲取和修改。html()和 text()方法:

注意：當我們使用 html()或 text()設置元素里的內(nèi)容時，會清空原來的數(shù)據(jù)。而我們期望能夠追加數(shù)據(jù)的話，需要先獲取原本的數(shù)據(jù)。

$("#box").html($("#box").html() + "guowenfh.github.io"); //追加數(shù)據(jù)
//當然它還支持使用函數(shù)來進行更復雜的追加

val()的特殊用法：
如果想設置多個選項的選定狀態(tài)，比如下拉列表、單選復選框等等，可以通過數(shù)組傳遞操作。

$("input").val(["check1","check2", "radio1"]); //value 值是這些的將被選定

除了對元素內(nèi)容進行設置和獲取，通過jQuery也可以對元素本身的屬性進行操作，包括獲取屬性的屬性值、設置屬性的屬性值，并且可以刪除掉屬性。
attr()和removeAttr()：

注意：

jQuery中很多方法都可以使用 function() {}來返回出字符串，比如 html()、text()、val()和上一章剛學過的 is()、filter()方法。
這些方法里的function() {}，可以不傳參數(shù)?？梢灾粋饕粋€參數(shù) index，表示當前元素的索引(從0開始)。也可以傳遞兩個參數(shù) index、value，第二個參數(shù)表示屬性原本的值。

(當然并不是所有方法都適合，有興趣可以自己逐個嘗試)。

刪除指定的屬性，這個方法就不可以使用匿名函數(shù)，傳遞index和value均無效。$("div").removeAttr("title"); //刪除指定的屬性

當然因為id和class也是元素的屬性，自然也可以使用attr進行設置，但是建議不這樣使用，因為會導致整個頁面結(jié)構(gòu)的混亂，有專門的屬性對它們進行設置。

元素樣式操作包括了直接設置 CSS 樣式、增加 CSS 類別、類別切換、刪除類別這幾種操作方法。使用頻率極高！

理解：

在獲取多個 CSS 樣式時，獲取到的是一個對象數(shù)組，如果用原生JS進行解析需要使用for in遍歷。

var box = $("div").css(["color", "height", "width"]); //得到多個 CSS 樣式的數(shù)組對象
for (var i in box) { //逐個遍歷出來
    alert(i + ":" + box[i]);
}

在jQuery顯然不需要那么麻煩，因為它提供了一個遍歷工具專門來處理這種對象數(shù)組，$.each()方法，這個方法可以輕松的遍歷對象數(shù)組。

/**
 * 遍歷對象數(shù)組
 * @param  {String} index 索引，鍵，屬性名
 * @param  {String} value  屬性值，值（相當于arr[i]）
 */
//遍歷原生JS對象數(shù)組時，value為元素DOM。
$.each(box, function(index, value) {
    alert(index+":"+value);//效果和上面的一樣
});

如果想設置某個元素的 CSS 樣式的值，但這個值需要計算我們可以傳遞一個匿名函數(shù)。

$("div").css("width", function (index, value) {
return (parseInt(value) - 50) + "px";//局部操作，不影響全局，避免沖突。
});

在使用.toggleClass()使用時，可以使用傳入匿名函數(shù)的方法，實現(xiàn)由默認到幾個class之間的切換。例如：

//注意這里必須要先刪除原有的樣式，不然只是被覆蓋了，而不是替換。
$("div").click(function() {
    $(this).toggleClass(function() {
        if ($(this).hasClass("red")) {
            $(this).removeClass("red");
            return "blue";
        } else {
            $(this).removeClass("blue");
            return "red";
        }
    });
});

對于.toggleClass()傳入匿名函數(shù)的方法，還可以可以傳遞 index索引、class類兩個參數(shù)以及頻率布爾值，可以得到當前的索引、class類名和頻率布爾值。

雖然可以不加單位，但是建議加上，使代碼更加清晰。
index 是索引，value 是原本值。

上述兩個方法不包括內(nèi)外邊距和邊框

注意：
前兩個方法，獲取得到的是一個對象，如：{left:12,top:32}，所以需要獲取其中的一個值的時候，還需要進行選取，例如：$(div).offset.left。獲取相對與視口的偏移。

在獲取滾動條的值時需要注意的是，對象為window且需要用$包裝轉(zhuǎn)化成jQ對象

$(window).scrollTop(); //獲取當前滾動條的位置
$(window).scrollTop(300); //設置當前滾動條的位置

DOM中有一個非常重要的功能，就是節(jié)點模型，也就是DOM中的“M”。頁面中的元素結(jié)構(gòu)就是通過這種節(jié)點模型來互相對應著的，我們只需要通過這些節(jié)點關(guān)系，可以創(chuàng)建、插入、替換、克隆、刪除等等一些列的元素操作。

為了使頁面更加智能化，有時我們想動態(tài)的在 html 結(jié)構(gòu)頁面添加一個元素標簽，那么在插入之前首先要做的動作就是：創(chuàng)建節(jié)點。
在jQuery中創(chuàng)建節(jié)點異常簡單。

var box = $("
節(jié)點
"); //創(chuàng)建一個節(jié)點
$("body").append(box); //將節(jié)點插入到元素內(nèi)部

在創(chuàng)建節(jié)點的過程中，其實我們已經(jīng)演示怎么通過.append()方法來插入一個節(jié)點。但僅僅這個功能遠遠不能滿足我們的需求，除了這個方法，jQuery提供了其他幾個方法來插入節(jié)點。

需要注意的是appendTo(content)與prependTo(content)在使用方法上與其他兩個略微有些不同，$("new").appendTo("div");，它代表的是創(chuàng)建的節(jié)點傳入div內(nèi)部。

匿名函數(shù)方式：

$("div").append(function (index, html) {
 //使用匿名函數(shù)插入節(jié)點index是獲取到的div的索引，html 是原節(jié)點
    if(index==1){
        return "節(jié)點";//在獲取到的第二個div內(nèi)部添加節(jié)點
    }
});

與上面相同insertAfter(content) 與insertBefore(content)也與其它兩個是相反的。

jQuery 提供了一系列方法用于包裹節(jié)點，那包裹節(jié)點是什么意思呢？其實就是使用字符串代碼將指定元素的代碼包含著的意思。

wrap的多種用法：

$("div").wrap(""); //在 div 外層包裹一層 strong
$("div").wrap("123"); //包裹的元素可以帶內(nèi)容
$("div").wrap(""); //包裹多個元素
$("div").wrap($("strong").get(0)); //也可以包裹一個原生 DOM
$("div").wrap(document.createElement("strong")); //臨時的原生 DOM
$("div").wrap(function (index) { //匿名函數(shù)
    return "";
});

注意： .wrap()和.wrapAll()的區(qū)別在前者把每個元素當成一個獨立體，分別包含一層外層；后者將所有元素作為一個整體作為一個獨立體，只包含一層外層。這兩種都是在外層包含，而.wrapInner()在內(nèi)層包含。

注意：

.remove()和.detach()都是刪除節(jié)點，而刪除后本身方法可以返回當前被刪除的節(jié)點對象，但區(qū)別在于前者在恢復時不保留事件行為，后者則保留。

節(jié)點被替換后，所包含的事件行為就全部消失了。