Atribut dan gaya jQuery (3)

Terdapat kaedah .val() dalam jQuery, yang digunakan terutamanya untuk memproses nilai elemen bentuk, seperti input, pilih dan textarea.

kaedah val()

val() tidak mempunyai parameter dan mendapat nilai semasa elemen pertama dalam set elemen dipadankan

val( value ), tetapkan nilai setiap elemen dalam set elemen yang dipadankan

val( function ), fungsi yang digunakan untuk mengembalikan nilai set

Nota:

Lulus .val ( ) memproses elemen pilih Apabila tiada pilihan dipilih, ia mengembalikan null

Kaedah val() kebanyakannya digunakan untuk menetapkan nilai medan borang

Mari kita lihat a contoh khusus dan cara menggunakannya kaedah 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 中文网</option>
        <option>php.cn</option>
        <option>小猪 CMS</option>
    </select>

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

Mari kita lihat cara menukar nilai input

Kodnya adalah seperti berikut:

<!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 中文网" id="ipt">
    
    <script type="text/javascript">
        $("#ipt").val("php.cn");
    </script>
</body>
</html>

Ringkasan perbezaan antara html(), text() dan val() :

.html(), .text(), dan .val() semuanya digunakan untuk membaca kandungan elemen yang dipilih sahaja; () digunakan untuk membaca html elemen Kandungan (termasuk teg html), text() digunakan untuk membaca kandungan teks biasa elemen, termasuk unsur turunannya, dan val() digunakan untuk membaca "nilai. " nilai unsur bentuk. Kaedah html() dan text() tidak boleh digunakan pada elemen bentuk, dan val() hanya boleh digunakan pada elemen bentuk sebagai tambahan, apabila kaedah html() digunakan pada berbilang elemen, hanya elemen pertama dibaca; kaedah val () adalah sama dengan .html() Jika ia digunakan pada berbilang elemen, hanya nilai "nilai" unsur bentuk pertama boleh dibaca, tetapi .text() adalah berbeza daripadanya. ) Apabila digunakan pada berbilang elemen, kandungan teks semua elemen yang dipilih akan dibaca.

html(htmlString), text(textString) dan val(value) semuanya digunakan untuk menggantikan kandungan elemen yang dipilih Jika ketiga-tiga kaedah digunakan pada berbilang elemen pada masa yang sama, ia akan diganti . Kandungan semua elemen yang dipilih.

html(), text(), dan val() semuanya boleh menggunakan nilai pulangan fungsi panggil balik untuk menukar kandungan berbilang elemen secara dinamik.

Meneruskan pembelajaran

fail baharu

<!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 中文网</option> <option>php.cn</option> <option>小猪 CMS</option> </select> <p></p> <script type="text/javascript"> $("p").text($('#see').val()); </script> </body> </html>

serahkan Tetapkan Semula Kod

Operasi automatik