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