jquery扩展方法

---

jQuery #扩展2012-06-02 11:37

---

编写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'/>

---

相关文章

• jquery实现ajax验证登录 2012/06/02
• jquery学习小总结 2012/06/02
• jQuery实现表格的排序 2012/05/30
• javascript实现鼠标拖动 2012/05/30
• jQuery实现倒计时 2012/05/30
• jquery实现tab切换防止页面刷新 2012/05/23
• jQuery让页面第一次加载时，图片淡入 2012/05/19
• JQuery调用WebServices方法 2012/05/18
• jquery判断获取的元素是否隐藏 2012/05/14
• jQuery插件开发教程 2012/04/30