Rumah > Artikel > hujung hadapan web > Bagaimana untuk menanyakan nilai atribut dengan jquery
Cara untuk menanyakan nilai atribut dengan jquery: 1. Gunakan attr() untuk mengembalikan nilai atribut elemen yang dipilih, sintaksnya ialah "$(selector).attr("Nama Atribut""; 2. Gunakan prop( ), boleh mengembalikan nilai atribut elemen padanan pertama, sintaksnya ialah "$(selector).prop("property name").
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3. Atribut
boleh memberikan beberapa maklumat tambahan untuk teg HTML atau mengubah suai teg HTML. Atribut perlu ditambahkan dalam teg permulaan dan format sintaks ialah:
attr="value"
attr mewakili nama atribut dan nilai mewakili nilai atribut. Nilai atribut mesti dikelilingi oleh petikan berganda " " atau petikan tunggal ' '.
Perhatikan bahawa walaupun petikan berganda dan petikan tunggal boleh mengelilingi nilai atribut, demi penyeragaman dan profesionalisme, sila gunakan petikan berganda sebanyak mungkin.
Teg tidak boleh mempunyai atribut, atau boleh mempunyai satu atau lebih atribut.
Contoh:
<p id="user-info" class="color-red"><p>
Jadi bagaimana untuk menanyakan nilai atribut menggunakan jquery?
Dalam jquery, anda boleh menggunakan dua kaedah untuk menanyakan nilai atribut
attr()
prop ( )
Kedua-dua kaedah boleh mendapatkan atau menetapkan atribut HTML elemen
1. Gunakan kaedah attr() untuk menanyakan nilai atribut
attr() boleh mengembalikan nilai atribut elemen yang dipilih Sintaks:$(selector).attr("属性名")Contoh: Dapatkan nilai atribut img src, iaitu, alamat imej
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { var img=$("img").attr("src"); alert("src属性值为: "+img) }); }); </script> </head> <body> <img id="img" src="img/1.jpg" style="max-width:90%"/ alt="Bagaimana untuk menanyakan nilai atribut dengan jquery" ><br><br><br> <button>获取img src属性值(图片地址)</button> </body> </html>
2. Gunakan kaedah prop() untuk menanyakan nilai atribut
Prop. () kaedah boleh mengembalikan nilai atribut elemen yang dipilih, akan mengembalikan nilai atribut elemen padanan pertama. Sintaks:$(selector).prop("属性名")Contoh: Dapatkan nilai atribut lebar img, iaitu lebar imej
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { var width=$("img").prop("width"); alert("图片宽度为: "+width) }); }); </script> </head> <body> <img id="img" src="img/1.jpg" style="max-width:90%"/ alt="Bagaimana untuk menanyakan nilai atribut dengan jquery" ><br><br><br> <button>获取img width属性值</button> </body> </html>
[Pembelajaran yang disyorkan:
tutorial video jQuery, video bahagian hadapan web]
Atas ialah kandungan terperinci Bagaimana untuk menanyakan nilai atribut dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!