jQuery 学习

<div class="dome">1</div>
<div class="dome">2</div>
<div class="dome">3 </div>    

/* 封装
jQuery库 封闭作用域 闭包 */
(function () {
function jQuery (selector) {
return new jQuery.prototype.init(selector); //返回jQuery.prototype.init构造函数
}
jQuery.prototype.init = function (selector) {
// 选出 dom 并且包装成jQuery对象 返回
// id class
// this{}
this.length = 0;
if (selector.indexOf(’.’) != -1) { // 当首位是.的时候 != -1 等于-1说明没选出来
var dom = document.getElementsByClassName( selector.slice(1) ); // 把.截走 同时把dom获取成功
}else if(selector.indexOf(’#’) != -1) { // 当首位是#的时候
var dom = document.getElementById( selector.slice(1) ) // 把#截走 同时把dom获取成功
}

if (dom.length == undefined) { // dom.length不等于undefined
this[0] = dom;
this.length++;
}else{
for (var i = 0; i < dom.length; i ++) {
this[i] = dom[i];
this.length ++;
}
}
}

jQuery.prototype.css = function (config) {
// 循环操作每一个dom
// 循环操作
for (var i = 0; i < this.length ; i++) {
for (var attr in config) {
this[i].style[attr] = config[attr]; // 传入的每一个样式值都赋予到了dom中
}
}
// 链式操作
return this; // 返回this
}

jQuery.prototype.init.prototype = jQuery.prototype; // 把jQuery.prototype.init的原型赋到jQuery.prototype

window.$ = window.jQuery = jQuery; // 把jQuery挂到全局变量下，相当于内部的函数被返回到外部，形成了闭包

}());

$(’.dome’)
.css({width : ‘100px’, height: ‘100px’,backgroundColor:‘red’,color:‘blue’})
.css({font : 50})