Rumah hujung hadapan web tutorial js Bagaimana untuk menambah atribut pada tag dalam jquery

Bagaimana untuk menambah atribut pada tag dalam jquery

Nov 22, 2021 am 09:49 AM
jquery harta benda

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"})".

Bagaimana untuk menambah atribut pada tag dalam jquery

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({属性名:"属性值"})
Salin selepas log masuk

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.

Bagaimana untuk menambah atribut pada tag dalam jquery

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

Bagaimana untuk menambah atribut pada tag dalam jquery

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

Bagaimana untuk menambah atribut pada tag dalam jquery

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().

Bagaimana untuk menambah atribut pada tag dalam jquery

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.

Bagaimana untuk menambah atribut pada tag dalam jquery

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

Bagaimana untuk menambah atribut pada tag dalam jquery

Bagaimana untuk menambah atribut pada tag dalam jquery

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!

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

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Penjelasan terperinci kaedah rujukan jQuery: Panduan permulaan cepat Penjelasan terperinci kaedah rujukan jQuery: Panduan permulaan cepat Feb 27, 2024 pm 06:45 PM

Penjelasan terperinci kaedah rujukan jQuery: Panduan permulaan cepat

Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery? Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery? Feb 28, 2024 pm 03:12 PM

Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery?

Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery? Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery? Feb 28, 2024 am 08:39 AM

Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery?

Petua jQuery: Cepat ubah suai teks semua teg pada halaman Petua jQuery: Cepat ubah suai teks semua teg pada halaman Feb 28, 2024 pm 09:06 PM

Petua jQuery: Cepat ubah suai teks semua teg pada halaman

Gunakan jQuery untuk mengubah suai kandungan teks semua teg Gunakan jQuery untuk mengubah suai kandungan teks semua teg Feb 28, 2024 pm 05:42 PM

Gunakan jQuery untuk mengubah suai kandungan teks semua teg

Pengenalan kepada sifat-sifat Benang Keputusasaan Hearthstone Pengenalan kepada sifat-sifat Benang Keputusasaan Hearthstone Mar 20, 2024 pm 10:36 PM

Pengenalan kepada sifat-sifat Benang Keputusasaan Hearthstone

Fahami peranan dan senario aplikasi eq dalam jQuery Fahami peranan dan senario aplikasi eq dalam jQuery Feb 28, 2024 pm 01:15 PM

Fahami peranan dan senario aplikasi eq dalam jQuery

Bagaimana untuk mengetahui sama ada elemen jQuery mempunyai atribut tertentu? Bagaimana untuk mengetahui sama ada elemen jQuery mempunyai atribut tertentu? Feb 29, 2024 am 09:03 AM

Bagaimana untuk mengetahui sama ada elemen jQuery mempunyai atribut tertentu?

See all articles