Bagaimana untuk memilih elemen dan mengubah suai atribut dengan jquery-tutorial js-php.cn

Bagaimana untuk memilih elemen dan mengubah suai atribut dengan jquery

WBOY

Lepaskan： 2021-12-01 09:57:42

asal

2730 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!