Rumah > hujung hadapan web > tutorial js > Bagaimana untuk memilih elemen dan mengubah suai atribut dengan jquery

Bagaimana untuk memilih elemen dan mengubah suai atribut dengan jquery

WBOY
Lepaskan: 2021-12-01 09:57:42
asal
2806 orang telah melayarinya

Cara mengubah suai atribut elemen terpilih dalam jquery: 1. Gunakan pernyataan "$(specified element)" untuk mendapatkan objek elemen yang ditentukan 2. Gunakan kaedah attr() untuk mengubah suai atribut yang diperolehi objek elemen. Sintaks ialah: "Objek elemen.attr(atribut,nilai)".

Bagaimana untuk memilih elemen dan mengubah suai atribut dengan jquery

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.2.1, komputer Dell G3.

Cara memilih elemen dan mengubah suai atribut dalam jquery

Kita boleh mengubah suai atribut elemen melalui kaedah attr() dan attr () tetapan kaedah Atau kembalikan nilai atribut elemen yang dipilih.

Mengikut parameter berbeza kaedah ini, kaedah kerjanya juga berbeza. Sintaksnya ialah:

$(selector).attr(attribute,value)
Salin selepas log masuk

Mari kita ambil contoh untuk melihat cara memilih elemen dan mengubah suai nilai atributnya Contohnya seperti berikut:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $(".hang").attr("height","180");
  });
});
</script>
</head>
<body>
<button>设置指定元素的height属性</button>
<table border="1">
  <tr class="hang">
    <th>Month</th>
  </tr>
  <tr>
    <td>January</td>
  </tr>
    <tr>
    <th>Month</th>
  </tr>
  <tr>
    <td>January</td>
  </tr>
</table>
</body>
</html>
Salin selepas log masuk

Hasil output. :

Bagaimana untuk memilih elemen dan mengubah suai atribut dengan jquery

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk memilih elemen dan mengubah suai atribut dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan