最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

jQuery.fn.extend()方法的介绍与使用

JS/CSS admin 浏览 评论

理解jQuery.fn.extend是什么?

jQuery.fn.extend()方法扩展至jQuery prototype($.fn)原型,那什么是jQuery.fn原型呢?如下所示:

jQuery.fn = jQuery.prototype = {
      init:funtion(selector,context){
            //..... 
 
     }
}

我们知道jquery prototype原型主要起到对一个对象的方法进行扩展,因此jQuery.fn.extend里面自定义的方法可以用于任何jquery对象当中,如下是jQuery.fn.extend()方法的使用示例:

<div>Hello</div>
<div>World!</div>
 
<script>
jQuery.fn.extend({
  // 返回div文本内容
  getMessage: function() {
    var result;
    this.each(function() {
        // $(this)循环遍历div内部元素
        result = result + " " + $(this).val();
    });
    return result;
  }
});
 
// 获取div文本的getMessage()方法
var message = $("div").getMessage();

//输出Hello World!文本
console.log(message); 
</script>


来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/js_css/540.html

与本文相关的文章

发表我的评论
取消评论

表情

您的回复是我们的动力!

  • 昵称 (必填)

网友最新评论