软件开发培训班 >> 编程开发 >> JavaScript

选择器的朋友可以试试这个思路延迟执行归并选择操作

　　本文标签：延迟执行

<body> 
<div class="a">aaaaaaaaaaaaaa</div> 
<div class="a b">bbbbbbbbbbbb</div> 
<div 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>

技术文章快速查找

jquery等宽输出文字插件使用介绍

让iframe框架网页在任何浏览器下自动伸缩

node.js实现逐行读取文件内容的代码

js点小图显示大图的切换功能代码

Iframe自适应高度绝对好使的代码兼容IE,遨游，火狐

如何书写高质量jQuery代码(使用jquery性能问题)

JavaScript 错误处理与调试经验总结

如何获取JQUERY AJAX返回的JSON结果集实现代码

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建

软件开发培训班 >> 编程开发 >> JavaScript

选择器的朋友可以试试这个思路 延迟执行归并选择操作

选择器的朋友可以试试这个思路延迟执行归并选择操作