Bagaimana untuk menambah atribut pada tag dalam jquery

Dalam jquery, anda boleh menggunakan kaedah attr() untuk menambah atribut pada teg Kaedah ini boleh menetapkan nilai atribut bagi elemen yang dipilih Sintaks ialah "$(selector).attr("Nama atribut". ,"Nilai atribut ")" atau "$(selector).attr({nama atribut:"nilai atribut"})".

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

Dalam jquery, anda boleh menggunakan kaedah attr() untuk menambah atribut pada teg kaedah ini boleh menetapkan atau mengembalikan nilai atribut bagi elemen yang dipilih, kaedah kerjanya ialah juga berbeza.

Sintaks:

$(selector).attr("属性名","属性值")
$(selector).attr({属性名:"属性值"})

Mari kita lihat cara menambah atribut pada teg menggunakan kaedah attr():

Buat satu fail HTML baharu, bernama test.html, digunakan untuk menerangkan cara jquery menambah atribut pada teg.

Dalam fail test.html, perkenalkan fail perpustakaan jquery.min.js dan muatkan fail tersebut dengan jayanya untuk menggunakan kaedah dalam jquery.

Dalam fail test.html, gunakan teg p untuk mencipta baris teks ujian.

Dalam fail test.html, gunakan teg butang untuk mencipta butang, ikat acara klik onclick pada butang butang, dan apabila butang itu diklik, laksanakan fungsi addsx().

Dalam teg js, cipta fungsi addsx() Dalam fungsi, dapatkan objek teg p melalui nama elemen dan gunakan kaedah attr() untuk menetapkan id tag p kepada mypp.

Buka fail test.html dalam penyemak imbas, klik butang untuk melihat kod sumber dan melihat hasilnya.

Cadangan tutorial video berkaitan: Tutorial jQuery(Video)

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