从JavaScript 到 JQuery (1)学习小结


Posted in Javascript onFebruary 12, 2009

这么说吧 , 只有扎实的 JavaScript 功底 ,才能得心应手的使用各种 JS 库 , 然后进入正题吧 !
1.先谈谈JQuery的效率方面吧
他在选择器的速度上比 标准的 JS Dom 要慢上4倍左右(官方说的,不是我瞎编的...) , 那为什么我们还要使用它呢 ?? 原因很简单, 第一 JS 是应用客户端的 , 速度影响并不那么明显 , 但是一定要注意什么时候用JQuery的选择器 , 什么时候用JavaScript的选择器 !
我个人是这样理解的 , 如果在选择对象时 , 逻辑比较容易则不要使用JQuery的选择器 , 例如
<input type="text" id="name">
然后只做简单验证 , 没有复杂的操作 , 直接用 document.getElementById("name");
不要因为 JQuery 的 $("#ID") 看起来方便 就随意使用, 但是如果要做比较复杂 切有逻辑性的操作时 采用JQuery 例如有10个
<input type="checkbox">
我们勾选后要删除 他们所在的行时
$("input[checked]").parent().parent().remove(); 这种连写的方式在逻辑性 和 维护性上来说比较好!
2.我们在来谈谈跨浏览器方面
一般写JavaScript 都存在代码如果想在不通浏览器上运行 , 部分方法不被浏览器支持 , 必须进行修改的问题 , 而JQuery 在这一点上做得比较出色 , 支持了主流浏览器 , 从而使得一种代码 可以在多种浏览器上使用的好处
3.接下来也谈谈 "宗海开发"
现在开发讲求的是 高速度 高质量 易维护 , 用传统的JavaScript来从头写起 是能写出来,但是在开发进度上会造成很大的影响 , 而JQuery 有丰富的插件库 , 使得开发效率大大提高 , 你可能会说 那么多插件库,光看API都累死了 , 但是JQuery 在这点做得不错 , 每个插件都有 详细的注释 和 Domo , 很方便就能投入实际应用 .
这是我第一次写东西,写得不好大家不要生气啊 , 下一篇会介绍实际开发中应用javascript 和 JQuery的一些技巧,谢谢

Javascript 相关文章推荐
js调试系列 断点与动态调试[基础篇]
Jun 18 Javascript
javascript 回调函数详解
Nov 11 Javascript
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
Mar 01 Javascript
javaScript中Math()函数注意事项
Jun 18 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
May 20 Javascript
d3.js中冷门却实用的内置函数总结
Feb 04 Javascript
vue项目常用组件和框架结构介绍
Dec 24 Javascript
JS随机数产生代码分享
Feb 24 Javascript
Vue拖拽组件开发实例详解
May 11 Javascript
layer.close()关闭进度条和Iframe窗的方法
Aug 17 Javascript
JavaScript模块管理的简单实现方式详解
Jun 15 Javascript
vue实现二级导航栏效果
Oct 19 Javascript
谷歌浏览器 insertCell与appendChild的区别
Feb 12 #Javascript
js 判断 enter 事件
Feb 12 #Javascript
JavaScript 克隆数组最简单的方法
Feb 12 #Javascript
js函数使用技巧之 setTimeout(function(){},0)
Feb 09 #Javascript
JS IE和FF兼容性问题汇总
Feb 09 #Javascript
js获取提交的字符串的字节数
Feb 09 #Javascript
jquery插件jbox使用iframe关闭问题
Feb 09 #Javascript
You might like
社区(php&amp;&amp;mysql)一
2006/10/09 PHP
php 中include()与require()的对比
2006/10/09 PHP
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
php实现可逆加密的方法
2015/08/11 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
CakePHP框架Model关联对象用法分析
2017/08/04 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
PHP 实现缩略图
2021/03/09 PHP
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
2007/01/29 Javascript
js判断一个元素是否为另一个元素的子元素的代码
2012/03/21 Javascript
iframe父页面获取子页面参数的方法
2014/02/21 Javascript
JS设置网页图片vspace和hspace属性的方法
2015/04/01 Javascript
JavaScript中的Promise使用详解
2015/06/24 Javascript
JS表单验证的代码(常用)
2016/04/08 Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
2016/10/04 Javascript
微信小程序图片选择、上传到服务器、预览(PHP)实现实例
2017/05/11 Javascript
Vue下滚动到页面底部无限加载数据的示例代码
2018/04/22 Javascript
React Native日期时间选择组件的示例代码
2018/04/27 Javascript
微信小程序上传图片功能(附后端代码)
2020/06/19 Javascript
使用vue根据状态添加列表数据和删除列表数据的实例
2018/09/29 Javascript
uni-app实现点赞评论功能
2019/11/25 Javascript
python实现解数独程序代码
2017/04/12 Python
Python求出0~100以内的所有素数
2018/01/23 Python
Python实现JSON反序列化类对象的示例
2018/01/31 Python
Python实现读写INI配置文件的方法示例
2018/06/09 Python
pygame游戏之旅 python和pygame安装教程
2018/11/20 Python
Python如何转换字符串大小写
2020/06/04 Python
python和opencv构建运动检测器的实现
2021/03/03 Python
CSS3 简单又实用的5个属性
2010/03/04 HTML / CSS
app内嵌H5 webview 本地缓存问题的解决
2020/10/19 HTML / CSS
丹尼尔惠灵顿手表天猫官方旗舰店:Daniel Wellington
2017/08/25 全球购物
MaBelle玛贝尔香港官网:香港钻饰连锁店
2019/09/09 全球购物
市场营销毕业求职信
2014/08/07 职场文书
2014年酒店年度工作总结
2014/12/10 职场文书
2016春节家属慰问信
2015/03/25 职场文书
读后感怎么写?书写读后感的基本技巧!
2019/12/10 职场文书