jquery内部链式调用机理

原创于 2015-06-07 21:17:10 发布 · 196 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #jquery #ViewUI

web 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一种在JavaScript中为DOM元素自定义方法的方式。通过创建DOM元素并为其添加setStyles和getStyle方法，实现了对元素样式的设置和获取。这种方式提高了代码的复用性和可维护性。

只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象（通过this 因为一旦一个函数称为一个对象方法的话那么在这个方法内部this（结合下面的setStyles）指向这个对象）


function  create(type){
var element=document.createElement(type);
    //this=element;
    element.setStyles=function(key,prop){
    	this.setAttribute(key,prop);
    	return this;//this指向element
    }
    element.getStyle=function(key){
    	return this.getAttribute(key);

    }
return element;
}

var ele=create('div');
那么现在ele就具有了setstyles getstyle方法

测试

ele.setStyles('color','red').setStyles('id','jk');