封裝簡易的dom操作。

一、解決名稱空間和變數汙染

1.作用域

2.立即執行函式

3.閉包

jQuery是一個類陣列物件，裡面有各種方法，當然jQuery的dom選擇器是sizzle很牛叉，據瞭解還有更快的dom選擇器，實力上去再探索。jQuery使用無new建構函式，可以直接使用$().xx 

(function(window){
	var wdjs=function(selector){
		return new wdjs.fn.init(selector);//返回wdjs原型鏈init屬性的例項
	}
	wdjs.fn=wdjs.prototype={
		init:function(selector){
			return this;//返回指標作用域
		}
	}
	wdjs.fn.init.prototype=wdjs.fn;//將wdjs.prototype原型繫結到init.prototype原型,實現init例項就是wdjs例項


	window.wdjs=window.$=wdjs;//註冊全域性變數$
})(window)
 

具體的個人說不清楚，直接搞搞簡單的dom選擇器，完成個人目標。

二、dom選擇器

1.id

2.類（class）

3.屬性名（input:['']）

4.標籤（a div p）

由於dom選擇器有些龐大，個人還未學會正則表示式，所以並未使用querySeletor和querySeletorAll來獲取節點，簡單搞搞。

(function(window){
	var wdjs=function(selector){
		return new wdjs.fn.init(selector);//返回wdjs原型鏈init屬性的例項
	}
	wdjs.fn=wdjs.prototype={
		init:function(selector){
			var doc=document;
			//消除字串頭尾空白字元
			String.prototype.trim=function(){
				//用replace消除空白字元
				return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '');//直接使用trim()不相容IE
			}
			//IE9-不支援陣列的indexOf
			if(!Array.prototype.indexOf){
				//新增陣列原型indexOf屬性
				Array.prototype.indexOf=function(value){
					for(var i=0,len=this.length;i<len;i++){
						if(this[i]==value){
							return i;
						}
					}
					return -1;
				}
			}
			if(selector.trim().split(' ').length>1){
				//字串拼接,用空格分割成陣列
				//複合選擇器
				
			}else{
				//單項選擇器,呼叫javascript內部原生dom選擇
				var type=selector.trim().charAt(0);//返回第一個字元
				switch(type){
					case '.':
						//類選擇器,IE不相容getElementsByClassName方法
						var classes=[];
						if(doc.getElementsByClassName){
							return doc.getElementsByClassName(selector.slice(1,selector.length));
						}else{
							var node=doc.getElementsByTagName('*');
							for(var i=0;i<node.length;i++){
								var cla=node[i].className.split(/\s+/);//類名
								if(cla.indexOf(selector.slice(1))!=-1){//如果存在節點
									classes.push(node[i]);
								}
							}
							return classes;
						}
						
					break;
					case '#':
						//id選擇器
						return doc.getElementById(selector.slice(1,selector.length));
					break;
					case '[':
						//屬性選擇器
						
					break;
					default ://tag標籤選擇器
						return doc.getElementsByTagName(selector);

				}
			}
				return this;//返回指標作用域
			}
	}
	wdjs.fn.init.prototype=wdjs.fn;//將wdjs.prototype原型繫結到init.prototype原型,實現init例項就是wdjs例項


	window.wdjs=window.$=wdjs;//註冊全域性變數$
})(window)
 

單項獲取節點，類選擇返回陣列，標籤返回類陣列。

接下來學習內容，正則表示式，ajax封裝等等js基礎。