(2)入门指南——(8)原始的js代码和jquery对比(Plain JavaScript vs. jQuery)
来源:互联网 发布:11支持mac系统吗 编辑:程序博客网 时间:2024/05/22 09:38
Even a task as simple as this can be complicated without jQuery at our disposal. In plain JavaScript, we could add the highlightedclass as shown in the following code snippet:
window.onload = function() {
var divs = document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
if (hasClass(divs[i], 'poem-stanza') && !hasClass(divs[i], 'highlight')) {
divs[i].className += ' highlight';
}
}
function hasClass( elem, cls ) {
var reClass = new RegExp(' ' + cls + ' ');
return reClass.test(' ' + elem.className + ' ');
}
};
在我们自己处理的时候,甚至是这么简单的任务在不使用jquery的时候都会变得复杂。用原始的js,我们可以使用下面的代码片段添加highlighted类:
Despite its length, this solution does not handle many of the situations that jQuery takes care of for us in Listing 1.2, such as the following:
• Properly respecting other window.onloadevent handlers
• Acting as soon as the DOM is ready
• Optimizing element retrieval and other tasks with modern DOM methods
We can see that our jQuery-driven code is easier to write, simpler to read, and faster to execute than its plain JavaScript equivalent.
我们可以清晰的看到我们的使用query的代码比原生js代码写起来更容易,读起来更简单,运行起来更快。
- (2)入门指南——(8)原始的js代码和jquery对比(Plain JavaScript vs. jQuery)
- 原始的js代码和jquery对比体会
- (2)入门指南——(7)添加jquery代码(Adding our jQuery code)
- (2)入门指南——(2)jQuery可以做什么(What jQuery does)
- (2)入门指南——(5)下载jquery(Downloading jQuery)
- (2)入门指南——(3)为什么jquery工作的很好(Why jQuery works well)
- JavaScript--&&--JQuery功能的代码对比(一)
- JavaScript--&&--JQuery功能的代码对比(二)
- JavaScript--&&--JQuery功能的代码对比(三)
- 主流JavaScript框架(Dojo、Google Closure、jQuery、Prototype、Mootools和YUI)的分析和对比
- javascript和jquery的dom对比
- jQuery和JavaScript 库的性能对比
- JS循环和jquery的对比总结
- (2)入门指南——(4)我们第一个使用jquery的网页(Our first jQuery-powered web page)
- JavaScript中的原始类型——js基础(一)
- JavaScript和JQuery初学对比
- 隔行变色——js和jquery对比
- 滑动变色——js和jquery对比
- Activity的LaunchMode和taskAffinity,有点绕
- 黑马程序员 IO流
- vim配置备份
- 线性表——链式 学生系统不完全版 c语言版
- HDU4706:Children's Day
- (2)入门指南——(8)原始的js代码和jquery对比(Plain JavaScript vs. jQuery)
- Windows Socket编程
- android service全面总结
- UVALive 2519 Radar Installation 雷达扫描 区间选点问题
- 关于Debug和Release的区别
- 面试笔试前必看之C/C++面试之引用
- XOR加密初识
- 反思
- C++函数中那些不可以被声明为虚函数的函数