网上搜索了信息在编写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'/>