03 JQuery插件机制

1.this指针
1.1 this的用法
this:当前上下文DOM对象
$(this):当前上下文jQuery对象，可以调用jQuery的方法和属性

1.2 作用域 ：
1.事件源：(“button”).click(…………..)
2.当前元素:$(“button”)
3.事件本身:click

1.插件机制介绍
利用jQuery提供的jQuery.fn.extend()和jQuery.extend()方法，扩展jQuery的功能。
其实jQuery插件就是给jQuery添加新的实例方法或类方法，然后将功能封闭在其中。

jQuery.fn.extend()是JQuery对象 扩展方法和属性 对象名.方法名
jQuery.extend()是给JQuery选择器选中的对象扩展方法和属性（类方法，静态方法） “类名.静态方法名”

案例：    //$.extend()扩展jquery类方法，  （类名.方法）例如：$.ajax

$(function(){
//作用1：合并对象
var obj1={“id”:1};
var obj2={“id”:2,”name”:”张三”};
var obj3={“age”:18};
var obj4=$.extend({},obj1,obj2,obj3); //将obj2合并到obj1
console.log(obj4);

//作用2：扩展jquery类方法

       var method={"show":function(b){   alert("弹弹弹"+b);}, "hides":function(){}};$.extend(method);  //为jquery扩展了一个show()方法//调用扩展的jquery方法$.show(",弹走鱼尾纹");$.hides();

//$.fn.extend()扩展实例方法

（实例化对象名.方法名）

         var method={"show":function(){alert("弹弹弹"+options)}};$.fn.extend(method);});3.1 $.extend(obj1,obj2,obj3[,...])  将所有参数合并到obj1中，并返回obj13.2 $.extend(obj1)/$.method=function(option){...};以obj参数扩展jQuery的类方法和类属性（静态方法和静态属性）3.3 $.extend(obj1,obj2) 命名参数的写法写法：$.extend(default,option)

4.插件：表格行颜色切换效果
1）bgcolor.css
2）jquery.bgcolor.js
3）$.fn.extend$(‘table’).bgcolor(options);

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！