## 設置和獲取HTML、文本和值
### 1.html()方法
此方法類似于javascript中的innerHTML屬性,可以用來讀取和設置元素中的HTML內容。
~~~javascript
<p title="請選擇你最喜歡的水果"><strong>你喜歡的水果是?</strong></p>
$p_html = $('p').html();
lg($p_html);
$('p').html('<strong>你最喜歡的水果是???</strong>');
~~~
### 2.text()方法
text()方法類似于javascript中的innerText屬性,可以用來讀取或設置元素中的文本內容。
~~~javascript
<p title="請選擇你最喜歡的水果"><strong>你喜歡的水果是?</strong></p>
var p_text = $('p').text();
lg(p_text);
$('p').text('你最不喜歡的水果是?');
~~~
### 3.val()方法
此方法類似于javascript中的value屬性,可以用來設置和獲取元素的值。
> 無論元素是文本框,下拉列表還是單選框,都可以返回元素的值。如果元素為多選,則返回一個包含所有選擇的值的數組。
> jqueryVal.html
~~~javascript
<input type="text" id="address" value="請輸入郵箱地址"/>
$("#address").focus(function(){ // 地址框獲得鼠標焦點
var txt_value = $(this).val(); // 得到當前文本框的值
if(txt_value==this.defaultValue){
$(this).val(""); // 如果符合條件,則清空文本框內容
}
});
~~~