从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 相关文章推荐
关于jquery input textare 事件绑定及用法学习
Apr 03 Javascript
jQuery自动添加表单项的方法
Jul 13 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
Jun 17 Javascript
使用do...while的方法输入一个月中所有的周日(实例代码)
Jul 22 Javascript
浅析javaScript中的浅拷贝和深拷贝
Feb 15 Javascript
JavaScript引用类型Function实例详解
Aug 09 Javascript
jQuery实现轮播图及其原理详解
Apr 12 jQuery
详解webpack 热更新优化
Sep 13 Javascript
如何在基于vue-cli的项目自定义打包环境
Nov 10 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
Oct 11 Javascript
解决在Vue中使用axios POST请求变成OPTIONS的问题
Aug 14 Javascript
JavaScript实现随机点名小程序
Oct 29 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实现评委评分器
2015/07/31 PHP
模拟用户操作Input元素,不会触发相应事件
2007/05/11 Javascript
JavaScript中的闭包原理分析
2010/03/08 Javascript
让你的博客飘雪花超出屏幕依然看得见
2013/01/04 Javascript
jquery ajax对特殊字符进行转义防止js注入使用示例
2013/11/21 Javascript
js图片向右一张张滚动效果实例代码
2013/11/23 Javascript
jquery1.9 下检测浏览器类型和版本的方法
2013/12/26 Javascript
jquery bind(click)传参让列表中每行绑定一个事件
2014/08/06 Javascript
angularjs基础教程
2014/12/25 Javascript
jQuery验证插件validation使用指南
2015/04/21 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
2017/02/12 Javascript
jQuery实现锚点向下平滑滚动特效示例
2017/08/29 jQuery
快速将Vue项目升级到webpack3的方法步骤
2017/09/14 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
2017/12/01 Javascript
实例详解vue中的$root和$parent
2019/04/29 Javascript
了解JavaScript表单操作和表单域
2019/05/27 Javascript
小程序实现按下录音松开识别语音
2019/11/22 Javascript
vue.config.js中配置Vue的路径别名的方法
2020/02/11 Javascript
react PropTypes校验传递的值操作示例
2020/04/28 Javascript
python持久性管理pickle模块详细介绍
2015/02/18 Python
Django Admin 实现外键过滤的方法
2017/09/29 Python
Python之Scrapy爬虫框架安装及简单使用详解
2017/12/22 Python
python实现任意位置文件分割的实例
2018/12/14 Python
Django框架文件上传与自定义图片上传路径、上传文件名操作分析
2019/05/10 Python
Django 多环境配置详解
2019/05/14 Python
Django框架使用mysql视图操作示例
2019/05/15 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
Python响应对象text属性乱码解决方案
2020/03/31 Python
如何避免常见的6种HTML5错误用法
2017/11/06 HTML / CSS
洲际酒店集团美国官网:IHG美国
2017/11/16 全球购物
美国豪华的多品牌精品店:The Webster
2019/07/31 全球购物
医院护理人员的自我评价分享
2013/10/04 职场文书
房地产促销活动方案
2014/03/01 职场文书
Go语言操作数据库及其常规操作的示例代码
2021/04/21 Golang
Mysql关于数据库是否应该使用外键约束详解说明
2021/10/24 MySQL
Java无向树分析 实现最小高度树
2022/04/09 Javascript