jquery menetapkan nilai nota

Dalam pembangunan web, kami sering menggunakan hiperpautan (tag) untuk navigasi halaman. Kadangkala, kita perlu mengubah suai atau menetapkan nilai atribut teg dalam kod JavaScript, seperti href, tajuk, dsb. jQuery ialah perpustakaan JavaScript yang sangat popular yang menyediakan banyak kaedah mudah untuk mengendalikan operasi DOM. Dalam artikel ini, saya akan menunjukkan kepada anda cara menggunakan jQuery untuk menetapkan nilai atribut tag.

1. Tetapkan nilai atribut href bagi teg

Menukar alamat pautan teg boleh dicapai melalui kaedah attr() dalam jQuery. Kaedah ini boleh mendapatkan atau menetapkan nilai atribut bagi elemen Formatnya adalah seperti berikut:

$('selector').attr('attributeName','value'); //设置属性值

di mana pemilih ialah pemilih elemen, attributeName ialah nama atribut dan nilai ialah nilai atribut.

Ambil tetapan nilai atribut href bagi teg yang dipautkan ke Baidu sebagai contoh Kodnya adalah seperti berikut:

<a id="myLink" href="http://www.google.com">Google</a>  
<script>  
$("#myLink").attr("href", "http://www.baidu.com");  
</script> 

Kod ini akan menukar nilai atribut href bagi teg daripada Google. ke Baidu.

2. Tetapkan nilai atribut tajuk teg

Atribut tajuk digunakan untuk teks yang dipaparkan apabila tetikus melayang di atas elemen Kaedah tetapan menggunakan jQuery ialah sama seperti menetapkan atribut href , kodnya adalah seperti berikut:

<a id="myLink" href="http://www.baidu.com" title="百度">Baidu</a>  
<script>  
$("#myLink").attr("title", "谷歌");  
</script> 

Kod ini akan menukar nilai atribut tajuk teg daripada Baidu kepada Google.

3. Tetapkan nilai atribut kelas bagi teg

Atribut kelas digunakan untuk menetapkan kelas gaya dan anda boleh menggunakan berbilang gaya pada elemen pada masa yang sama masa. Dalam jQuery, anda boleh menggunakan kaedah addClass() dan removeClass() untuk menambah atau mengalih keluar atribut kelas Kod adalah seperti berikut:

<a id="myLink" href="http://www.baidu.com" class="link1 link2">Baidu</a>  
<script>  
$("#myLink").addClass("link3"); //添加样式类link3
$("#myLink").removeClass("link2"); //删除样式类link2
</script> 

Kod ini akan menambah pautan kelas gaya pada teg dan mengalih keluar gaya. pautan kelas2.

4. Tetapkan nilai atribut sasaran teg

Atribut sasaran digunakan untuk menentukan tetingkap yang dibuka oleh pautan Terdapat _blank, _self, _parent, _top dan nilai pilihan lain. Nilai atribut ini boleh ditetapkan menggunakan kaedah attr() jQuery. dalam tetingkap semasa.

Tetapkan kandungan teks teg

5. Kadangkala, kita perlu mengubah suai kandungan teks teg, yang boleh dicapai melalui teks jQuery() dan html() kaedah. Kaedah text() digunakan untuk menetapkan atau mendapatkan kandungan teks elemen, dan kaedah html() digunakan untuk menetapkan atau mendapatkan kandungan HTML elemen. Kodnya adalah seperti berikut:

<a id="myLink" href="http://www.baidu.com" target="_blank">Baidu</a>  
<script>  
$("#myLink").attr("target", "_self");  
</script> 

Kod ini akan menukar kandungan teks teg daripada Pautan kepada Teks Pautan Baharu Anda juga boleh menggunakan kaedah html() untuk menambah kesan tebal.

Ringkasan

Melalui contoh di atas, kita dapat melihat bahawa menggunakan kaedah attr() jQuery boleh mengubah suai pelbagai atribut teg dengan mudah, seterusnya merealisasikan Kesan interaksi halaman kami dengan lebih baik. Berbanding dengan JavaScript, jQuery menyediakan API yang lebih ringkas dan cekap, dengan cepat menjadi pilihan pertama untuk pembangun web.

Atas ialah kandungan terperinci jquery menetapkan nilai nota. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!