Bagaimana untuk menambah nilai atribut kepada elemen dalam jquery-tutorial js-php.cn

Bagaimana untuk menambah nilai atribut kepada elemen dalam jquery

WBOY

Lepaskan： 2021-11-23 18:37:47

asal

12646 orang telah melayarinya

Cara menambah nilai atribut kepada elemen dalam jquery: 1. Gunakan pernyataan "$(elemen)" untuk mendapatkan objek elemen yang ditentukan 2. Gunakan kaedah attr() untuk menambah atribut dan nilai kepada elemen yang diperolehi Sintaksnya ialah: "Element object.attr(attribute,value)".

Bagaimana untuk menambah nilai atribut kepada elemen dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.0, komputer Dell G3.

Cara menambah nilai atribut kepada elemen dalam jquery

Dalam jQuery, anda boleh menggunakan kaedah attr() untuk menambah nilai atribut kepada elemen, attr() Kaedah menetapkan atau mengembalikan nilai atribut bagi elemen yang dipilih. Bergantung pada parameter kaedah, cara ia berfungsi juga berbeza. Mengembalikan nilai atribut elemen yang dipilih.

Sintaks kaedah ini ialah:

$(selector).attr(attribute,value)

Salin selepas log masuk

atribut menentukan atribut yang nilainya akan diperolehi.

Mari kita ambil contoh untuk melihat cara menambah nilai atribut pada elemen Contohnya adalah seperti berikut:

Kami menambah div dalam html, yang hanya mempunyai atribut kelas. Kemudian tambahkan butang untuk mencetuskan acara menambah atribut. Kemudian perkenalkan skrip jquery ke dalam html. Kemudian tambahkan fungsi dalam skrip, fungsi acara butang.

Fungsi ini sangat mudah. Hanya gunakan kaedah attr jquery untuk menetapkan atribut Parameter pertama ialah nama atribut yang akan ditambahkan, dan parameter kedua ialah nilai atribut. Di sini kami menambah atribut id pada div.

<body>
    
    <div class="">
        <div class="jqyery">
            增加属性
        </div>
    </div>
    <div class="action">
        <input type="button" id="btn" value="设置属性" onlick="setAttr()" class="btn btn-primary" />
    </div>
    <scripr>
        function setAttr(){
            $(".jquery").attr("id","bd");
        }
    </scripr>
</body>

Salin selepas log masuk

Selepas menjalankan halaman, anda boleh melihat daripada kod sumber halaman bahawa div ini kini tidak mempunyai atribut id.

Bagaimana untuk menambah nilai atribut kepada elemen dalam jquery

Klik butang pada halaman untuk mencetuskan acara dan tambahkan atribut id pada div.

Selepas mengklik, lihat pada kod sumber sekali lagi dan anda boleh melihat bahawa atribut id telah berjaya ditambahkan pada div.

Bagaimana untuk menambah nilai atribut kepada elemen dalam jquery

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menambah nilai atribut kepada elemen dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!