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

html()和 text()方法

??

在常規(guī)的 DOM 元素中，可以使用 html()和 text()方法獲取內(nèi)部的數(shù)據(jù)。html()方法可以獲取或設(shè)置 html 內(nèi)容，text()可以獲取或設(shè)置文本內(nèi)容。

$('#box').html();                               //獲取 html 內(nèi)容

$('#box').text();                               //獲取文本內(nèi)容，會自動清理 html 標(biāo)簽

$('#box').html('<em>www.baidu.com </em>');      //設(shè)置 html 內(nèi)容

$('#box').text('<em>www.baidu.com</em>');       //設(shè)置文本內(nèi)容，會自動轉(zhuǎn)義 html 標(biāo)簽

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

$('#box').html($('#box').html() + '<em>www.baidu.com</em>');  //追加數(shù)據(jù),此方法內(nèi)容多時不好操作

如果元素是表單的話，jQuery 提供了 val()方法進行獲取或設(shè)置內(nèi)部的文本數(shù)據(jù)。

$('input').val();                                    //獲取表單內(nèi)容

$('input').val('www.baidu.com');            //設(shè)置表單內(nèi)容

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

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