Rumah > hujung hadapan web > tutorial js > Belajar menulis tutorial contoh pemalam Jquery dalam 10 minit_jquery

Belajar menulis tutorial contoh pemalam Jquery dalam 10 minit_jquery

WBOY
Lepaskan: 2016-05-16 16:36:58
asal
1038 orang telah melayarinya

Ramai rakan telah menggunakan pemalam jQuery, tetapi beberapa orang telah menulis pemalam jQuery sendiri Artikel ini menerangkan secara ringkas kaedah pelaksanaan pemalam jQuery dalam bentuk contoh. Kongsikan dengan semua orang untuk rujukan anda. Kaedah khusus adalah seperti berikut:

Secara khusus, ia sebenarnya merangkum beberapa fungsi yang biasa digunakan, praktikal, dan umum perlu menulis semula fungsi ini setiap kali.

Sekarang Jquery telah menambah konsep pemalam, anda hanya perlu menulisnya mengikut format khususnya seperti biasa anda menulis fungsi, tetapi ia tidak terlalu rumit. Terpulang kepada anda untuk percaya atau tidak, tetapi saya percaya.

Seterusnya, saya akan menerangkannya dengan kod mudah Jika anda tidak tahu cara menulis pemalam selepas membacanya, saya hanya boleh mengatakan bahawa saya tidak dapat berkata-kata

Langkah khusus adalah seperti berikut:

Langkah 1: Tentukan pemalam

$(function() { 
  $.fn.插件名称 = function(options) { 
   var defaults = { 
     Event : "click",    //触发响应事件 
     msg : "Holle word!"    //显示内容 
   }; 
   var options = $.extend(defaults,options); 
   var $this = $(this);    //当然响应事件对象 
   //功能代码部分 
   //绑定事件 
   $this.live(options.Event,function(e){ 
     alert(options.msg); 
   }); 
  } 
}); 
 
Salin selepas log masuk

Langkah 2: Panggil pemalam

$(function() { 
  //绑定元素事件 
  $("#test").插件名称({ 
   Event : "click",    //触发响应事件 
   msg : "插件原来就是这么简单!"   //显示内容 
  }); 
}); 
 
Salin selepas log masuk

Sekarang, pemalam paling mudah telah selesai! Tak sampai 10 minit! Saya percaya semua orang harus memahaminya! Pemalam jQuery ternyata semudah itu.

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