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