## 设置和获取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(""); // 如果符合条件,则清空文本框内容
}
});
~~~