JQuery中html()和val()的用法區別

25minutes發表於2021-09-09

Example:
...
//定義JSON名稱/值對
var JSONObject = {
"name":"xrd",
"age":24,
"phone":"123"
};
//用含參的html()設定每個匹配元素的html內容,返回一個string
$("jname").html(JSONObject.name);
$("jage").html(JSONObject.age);
$("jphone").html(JSONObject.phone);
...

Name:
Age:
Phone:

這個時候就只能用JQery的html()方法,比如$("jname").html(JSONObject.name);對ID為jname的html標籤內設定string型別的內容,而帶參的val()方法是設定每一個匹配的元素的值,返回一個JQuery的物件,如:

$("input").val("hello world!");
結果是文字框裡顯示hello world!

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4328/viewspace-2813296/,如需轉載,請註明出處,否則將追究法律責任。

相關文章