^{<style id="by9b8"></style>}

選擇器的朋友可以試試這個(gè)思路延遲執(zhí)行歸并選擇操作

2019-11-21 00:00:12

字體：大中小

供稿：網(wǎng)友

這樣像類似下面的四個(gè)同一代碼段中的4個(gè)選擇操作
$class("a").color("green");
$class("b").color("red");
$class("c").color("green");
$class("d").color("red");
最終只需要一次遍歷就可以實(shí)現(xiàn)了。
因?yàn)橹懊从刑P(guān)注選擇器的問題，不知道是不是我out了，大家早就已經(jīng)想到了？
下面是sample，兩次選擇一次遍歷

<body> <div   id="iwvjtn8m0"   class="a">aaaaaaaaaaaaaa</div> <div   id="iwvjtn8m0"   class="a b">bbbbbbbbbbbb</div> <div   id="iwvjtn8m0"   class="b">cccccccccccccccc</div> </body> <script> var $class = function () { var checker = []; var updateHandler = null; var traverse = function (node,func){ func(node); for(var i = 0; i<node.childNodes.length; i++) { func(node.childNodes[i]) } } function update () { traverse(document.body,function(node){ for(var i = 0 ; i< checker.length; i++) checker[i](node); }); checker = []; updateHandler = null; } function startupdate() { if(updateHandler!==null) return ; updateHandler = setTimeout(update,10); } var $class = function(jpath){ var color; checker.push(function(node){ if(typeof node.className != "string")return; var classes = node.className.split(" ") for(var i = 0; i < classes.length ; i++) if(classes[i] == jpath && color) { node.style.backgroundColor = color; break; } }); return { color:function(v){ color = v; startupdate(); } } } $class.update = update; return $class; }(); $class("a").color("green"); $class("b").color("red"); </script>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：ASP中Sub和Function的區(qū)別說明

下一篇：TBCompressor js代碼壓縮