Dengan pembangunan berterusan teknologi hadapan, semakin banyak laman web mula menggunakan kesan dinamik untuk memperkayakan antara muka pengguna. jQuery ialah perpustakaan JavaScript yang sangat popular yang memudahkan manipulasi DOM, acara, AJAX, dll., dan menyediakan banyak kaedah dan fungsi yang mudah untuk mencipta kesan dinamik dengan cepat. Atas dasar ini, jQuery membenarkan pengguna menambah kaedah tersuai untuk memanggil dengan cepat apabila diperlukan. Artikel ini akan memperkenalkan cara menambah kaedah tersuai dalam jQuery.
1. Apakah kaedah tersuai jQuery?
Kaedah tersuai jQuery bermakna pembangun menggunakan kaedah jQuery.fn.extend() untuk menambah fungsi tersuai pada objek jQuery. Kaedah jQuery.fn.extend() menggabungkan kandungan satu atau lebih objek ke dalam objek sasaran. Objek sasaran di sini ialah jQuery.fn, objek prototaip jQuery, yang dikongsi oleh semua contoh jQuery. Oleh itu, sebaik sahaja anda menambah fungsi tersuai pada jQuery.fn, semua contoh jQuery boleh menggunakannya dengan memanggil fungsi ini.
2. Cara menambah kaedah tersuai
Untuk menambah kaedah tersuai dalam jQuery, anda boleh mengikuti langkah berikut:
1
Pertama, tulis fungsi tersuai. Fungsi ini boleh melengkapkan fungsi yang diperlukan dan menerima beberapa parameter. Di sini, kami mentakrifkan fungsi mudah yang boleh menukar kandungan teks sekumpulan elemen kepada huruf besar:function toUpperCase() { return this.each(function () { var text = $(this).text(); $(this).text(text.toUpperCase()); }); }
$.fn.extend({ toUpperCase: function () { return this.each(function () { var text = $(this).text(); $(this).text(text.toUpperCase()); }); } });
<body> <div class="content"> <h2>Hello, world!</h2> <p>This is a paragraph.</p> <ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> </ul> </div> </body>
$(".content").toUpperCase();
Atas ialah kandungan terperinci Bagaimana untuk menambah kaedah tersuai dalam jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!