Rumah > hujung hadapan web > tutorial js > Bagaimana jquery melaksanakan fungsi teg

Bagaimana jquery melaksanakan fungsi teg

WBOY
Lepaskan: 2021-12-29 15:19:40
asal
3256 orang telah melayarinya

Kaedah: 1. Ikat acara klik pada elemen teks dan nyatakan fungsi pemprosesan acara 2. Gunakan atribut "window.location.href" dalam fungsi pemprosesan acara untuk melaksanakan fungsi lompat a; tag, sintaks Tetapkan "window.location.href="Tentukan laluan halaman";".

Bagaimana jquery melaksanakan fungsi teg

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

Cara jquery melaksanakan fungsi teg

Dalam jquery, anda boleh mengikat acara onclick pada teg, apabila teg itu diklik, laksanakan fungsi jquery untuk merealisasikan lompatan pautan. Contoh berikut menerangkan cara menggunakan jquery untuk mengklik pada tag a.

Buat fail html baharu, bernama test.html, untuk menerangkan cara menggunakan jquery untuk mengklik pada teg a. Memperkenalkan fail perpustakaan jquery.min.js, yang merupakan prasyarat untuk menggunakan kaedah jquery. Buat pautan menggunakan teg dan namakan pautan "Klik Pautan".

Tetapkan atribut id tag a kepada mya, yang digunakan terutamanya untuk menetapkan dan mendapatkan objek tag a melalui id di bawah.

Bagaimana jquery melaksanakan fungsi teg

Dalam fail test.html, dalam teg js, gunakan $ dalam jquery untuk mendapatkan objek teg melalui id dan mengikat acara klik onclick kepada objek , apabila tag a diklik, fungsi fungsi dilaksanakan. Gunakan kaedah window.location.href untuk melaksanakan lompatan Sebagai contoh, di sini melompat ke laman utama Baidu.

Bagaimana jquery melaksanakan fungsi teg

Buka fail test.html dalam penyemak imbas, klik pautan untuk melihat kesannya.

Bagaimana jquery melaksanakan fungsi teg

Dalam jquery, objek elemen boleh diperolehi melalui atribut id atau atribut kelas.

Tutorial video berkaitan yang disyorkan: Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana jquery melaksanakan fungsi teg. 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