国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

jQuery 屬性與樣式(三)

jQuery中有一個(gè).val()方法主要是用來(lái)處理表單元素的值,例如 input, select 和 textarea。

val()方法

????val()無(wú)參數(shù),取得符合的元素集合中第一個(gè)元素的目前值

????val( value ),設(shè)定匹配的元素集合中每個(gè)元素的值

????val( function ) ,一個(gè)用來(lái)返回設(shè)定值的函數(shù)

註:

#????透過(guò).val( )處理select元素, 當(dāng)沒(méi)有選擇項(xiàng)目被選中,它返回null

????val()方法多用來(lái)設(shè)定表單的欄位的值

下面我們來(lái)看一下特定的實(shí)例,如何使用val 方法

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <select id="see">
        <option>php 中文網(wǎng)</option>
        <option>php.cn</option>
        <option>小豬 CMS</option>
    </select>

    <p></p>
    
    <script type="text/javascript">
         $("p").text($('#see').val());
    </script>
</body>
</html>

下面我們來(lái)看看如何改變input 的value 值

程式碼如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <input type="text" value="php 中文網(wǎng)" id="ipt">
    
    <script type="text/javascript">
        $("#ipt").val("php.cn");
    </script>
</body>
</html>

html(),text()和val()的差異總結(jié):

.html(),.text(),.val()三種方法都是用來(lái)讀取選定元素的內(nèi)容;只不過(guò).html()是用來(lái)讀取元素的html內(nèi)容(包括html標(biāo)籤),text()用來(lái)讀取元素的純文字內(nèi)容,包括其後代元素,val()是用來(lái)讀取表單元素的"value"值。其中html()和text()方法不能使用在表單元素上,而val()只能使用在表單元素上;另外html()方法使用在多個(gè)元素上時(shí),只讀取第一個(gè)元素;val ()方法和.html()相同,如果其應(yīng)用在多個(gè)元素上時(shí),只能讀取第一個(gè)表單元素的"value"值,但是.text()和他們不一樣,如果.text()應(yīng)用在多個(gè)元素上時(shí),將會(huì)讀取所有選取元素的文字內(nèi)容。

html(htmlString),text(textString)和val(value)三種方法都是用來(lái)替換選取元素的內(nèi)容,如果三個(gè)方法同時(shí)運(yùn)用在多個(gè)元素上時(shí),那麼將會(huì)替換所有選中元素的內(nèi)容。

html(),text(),val()都可以使用回呼函數(shù)的回傳值來(lái)動(dòng)態(tài)的改變多個(gè)元素的內(nèi)容。

繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <select id="see"> <option>php 中文網(wǎng)</option> <option>php.cn</option> <option>小豬 CMS</option> </select> <p></p> <script type="text/javascript"> $("p").text($('#see').val()); </script> </body> </html>
提交重置程式碼