Jquery扩展方法

Posted 2020-06-30

网上搜索了信息在编写JQUERY扩展方法有两种，一种是使用jquery.fn.extend,一种是jquery.extend.

jquery.fn表示jquery.prototype，，给jquery对象添加方法。刚好用到扩展方法，并且使用jquery.fn，这里就写下jquery.fn的用法，这些网上很多，蛮写蛮写

 

比如当点击 button时弹出一个textbox的值加一个参数值

jquery.fn.extend({

      alertMessage:function(message){

          var txtboxValue = $(this).val();//使用$(this)表示对哪个对象添加了扩展方法，这里是指$(‘#textbox‘ )

          alert(txtboxValue + message);

     }

});

$(function(){

    $("input[name=‘btn‘ ]").click(function(){

          $(‘#textbox‘ ).alertMessage("是字符串");

   })

 

})

 

html:

<input type=‘button‘ name=‘btn‘ value=‘Alert‘/>

<input type=‘text‘ id=‘textbox‘ value=‘abc‘/>