## 設置和獲取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(""); // 如果符合條件，則清空文本框內容 } }); ~~~