`"/> `">
Rumah > Artikel > hujung hadapan web > Bagaimana untuk melaksanakan fungsi mengklik butang untuk melompat ke halaman dalam jquery
Dalam pembangunan laman web, selalunya terdapat senario yang memerlukan penggunaan butang untuk melompat ke halaman. Hari ini kita akan bercakap tentang cara menggunakan jQuery untuk melaksanakan fungsi mengklik butang untuk melompat ke halaman.
Pertama, tambahkan perpustakaan jQuery pada kepala fail HTML Kodnya adalah seperti berikut:
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
Di sini kami menggunakan alamat CDN (Rangkaian Penghantaran Kandungan) pustaka jQuery. . Melakukan ini akan mempercepatkan pemuatan halaman.
Seterusnya, kita perlu menulis coretan kod HTML, kodnya adalah seperti berikut:
<button id="myButton">点击跳转到百度</button>
Di sini kita mencipta butang dengan ID myButton dan menambah penerangan teks pada butang "Klik untuk melompat ke Baidu".
Sekarang kita telah mencipta butang, kita perlu melakukan operasi lompat apabila butang itu diklik. Kita perlu menggunakan jQuery untuk mendengar acara klik butang dan melakukan operasi lompat apabila peristiwa klik berlaku. Kodnya adalah seperti berikut:
<script type="text/javascript"> $(function(){ $('#myButton').click(function(){ window.location.href = 'https://www.baidu.com'; }); }); </script>
Dalam kod, kami menggunakan click(), kaedah teras jQuery, untuk mendengar peristiwa klik butang. Apabila butang diklik, fungsi panggil balik akan dilaksanakan Window.location.href = 'https://www.baidu.com' dalam fungsi digunakan untuk melaksanakan operasi lompat dan melompat halaman semasa ke tapak web Baidu. .
Akhir sekali, kami menyepadukan semua kod, kodnya adalah seperti berikut:
jQuery 实现点击按钮页面跳转 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <button id="myButton">点击跳转到百度</button>
Dengan cara ini, kami berjaya menggunakan jQuery untuk melaksanakan fungsi mengklik butang untuk melompat ke halaman . Sila ambil perhatian bahawa kod di atas hanyalah contoh mudah dan perlu diubah suai dan dikembangkan dengan sewajarnya mengikut keperluan projek dalam pembangunan sebenar.
Atas ialah kandungan terperinci Bagaimana untuk melaksanakan fungsi mengklik butang untuk melompat ke halaman dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!