jQuery中的val()方法是用于獲取或設置元素的值的,這個值可以是input、textarea和select等表單元素的值,也可以是div、span等非表單元素的內(nèi)容。它有兩種用法,一種是獲取元素的值,一種是設置元素的值。
如果要獲取元素的值,可以直接調(diào)用該元素的val()方法,例如:
$("input[name='username']").val(); //獲取單選框的值 $("#email").val(); //獲取輸入框的值
如果要設置元素的值,可以通過傳入?yún)?shù)來實現(xiàn),例如:
$("input[name='username']").val("Jack"); //設置單選框的值為Jack $("#email").val("example@abc.com"); //設置輸入框的值為example@abc.com
需要注意的是,如果要獲取或設置select元素的值,可以直接使用val()方法,但是需要注意select元素的value屬性需要與option的value屬性相對應。
如果要獲取或設置多選框的值,可以使用val()方法獲取一個數(shù)組,也可以使用prop()方法獲取一個布爾類型的值,例如:
var checkedVal = $("input[name='checkbox']:checked").val(); //獲取多選框的值 var isChecked = $("input[name='checkbox']").prop("checked"); //獲取多選框是否被選中
總之,val()方法是jQuery中常用的方法之一,能夠方便地獲取或設置元素的值,為我們的開發(fā)工作帶來了很大的便利。