jquery之css函数实现（代码教程）

当用jquery选中一个dom元素之后，这时候，会自动转换成jquery对象，这也就意味着，这个对象拥有jquery给它封装的一些方法

//给dom对象添加css方法
function pTag(){
    this.newDiv = document.createElement();
    this.appendTo = function(element){
        element.appendChild(this);
    }
    this.css = function(options){
        for(var key in options){
            this.newDiv.style[key] = options[key];
        }
    }
}
//调用
var _p = newDiv();
_p.css({
    "background":"red",
    "width":"10px",
    "height":"10px"
});
_p.appendTo(document.body);

这样做显然是有好处的，如果你单独封装成函数，那么，你需要些三个不同的函数，一个创建对象的，一个css函数，一个appendto函数，这显然使得你的代码不够优雅，而且会使得你将你的dom对象传来传去，当然你也完全可以直接给dom添加方法，但这不是最好的做法，我们尽量不要更改原 生的对象，同样的，你也可以写一个选择器，当选中这个dom对象的时候，就自动封装成一个更完善的对象，就像juqery。