js框架封裝（二） 選擇器框架

在這篇部落格中，我會介紹選擇器框架的封裝

$$.extend(,

//tag選擇器
$tag:function
(tag,layer)
if(layer)else
}, //class選擇器
$class:function
(classname,layer)
if(layer)else
}, //通用選擇器
$select:function
(select,layer),
//分組選擇器
$group:function
(content)
return arrs;
}, //層次選擇器
$layer:function
(content)
}return doms;
}

$id:function

(id),

$class:function

(classname,layer)
if(layer)else
},

$tag:function

(tag,layer)
if(layer)else
},

$select:function

(select,layer)
,

$group:function

(content)
return arrs;
},

//往陣列裡push陣列

array.prototype.pusharray = function
(arr)else
}}

$layer:function

(content)
}return doms;
}

class="xgb">

1p>
2p>
div>
class="xgb">
3p>
4p>
div>
div>
for(var i=0;i"green";
}script>

三次迴圈：

第一次迴圈：

layer = doms.shift(); //layer = document

第二次迴圈：

doms = [dom1.xgb,dom2.xgb]

第三次迴圈：

第一次內迴圈:

layer = doms.shift(); //layer = dom1.xgb

從.xgb裡找p,並把結果放入doms陣列

doms = [dom1.xgb,dom2p,dom3p]

第二次內迴圈:

layer = doms.shift(); //layer = dom2.xgb

從.xgb裡找p,並把結果放入doms陣列

doms = [dom1p,dom2p,dom3p,dom4p]

jQuery框架選擇器

基本選擇器 id選擇器 id class選擇器 class 標籤選擇器 標籤名 並集選擇器 id,class,標籤名 萬用字元 層級選擇器 box 獲採樣式為box的標籤 box div 獲取class為box的標籤 所有子孫節點 中的div標籤 box div css background red...

原生JS封裝運動框架 二

昨天我們傳入了一堆的引數,我來改善一下,把name和value變成乙個json傳進去,把dur,easing,fn三個引數變成乙個完整的乙個物件傳進去.到這裡我們要做一些簡單的運動方式,我們可以自己模擬數學函式 var a n count switch complete.easing 判斷屬性是不是...

css預處理框架stylus 選擇器

與python一樣，stylus選擇器與元素樣式以縮排進行分割 開發中為了閱讀方便，建議屬性和屬性值以冒號分割 box color red box 與css一樣 定義多個選擇器時可以使用逗號隔開,或者換行進行區分 box,box 1 color red box box 1 color red box...