Jquery实战_读书笔记1—选择jQuery


Posted in Javascript onJanuary 22, 2010

对比了多个javascript框架,不得不承认JQuery真的是个很优秀的框架。如果你还没有在你的框架中使用它,赶快扔掉那些臃肿、使用不方便的框架,这会给你的前端设计节约不少的代码。

为什么选择Jquery

我们在页面写javascript代码时,你可能会发现经常要遵循这样一种模式:选择一个元素或一组元素,然后以某种方式对其进行操作(如显示、隐藏元素,给元素添加css类,修改元素特性)。而jQuery在这方面具有比其他框架更加优越的实现,使整个代码更加简洁。

页面和实现分离
就像css样式一样,我们在进行web设计时,应该尽量将样式标记和html文档分离出来,将html的样式描述分离到css文件中,这不仅易于文档处理,并且我们可以很方便的更换整个页面的样式,仅仅修改下样式表即可。

Jquery的优势
1. 强大的Dom元素选择器
Jquery提供了一套强大的选择器功能,利用Jquery的选择器,我们能通过简单的代码将页面上复杂的元素或元素集选择出来,通过jquery,可以将原来需要很多行代码才能完成的任务,只需要很少代码(甚至一行代码)即能完成。
选择所有偶数的<p>元素。
$("p:even")
选择每个表格的第一行。
$("tr:nth-child(1)")
选择作为<body>直接子节点的<div>
$("body > div ")
选择指向PDF文件的链接
$("a[href$=pdf]")
选择作为<body>直接子节点的、包含链接(<a>)的<div>
$("body > div:has(a)")

想想上面这些dom元素选择,如果不用jquery提供的选择器,你需要怎样来实现? 需要多少代码来完成?
2. 易于扩展
由于Jquery提供了方便的扩展机制,可以查找很多易用的扩展插件来增强我们的使用

3. 方便的dom操作方式
4. 轻便的体积
相对于庞大臃肿的Extjs来说,jquery真的是太小了,这个就不用我多说了。

Javascript 相关文章推荐
javascript静态的url如何传递
May 03 Javascript
jquery单行文字向上滚动效果示例
Mar 06 Javascript
select多选 multiple的使用示例
Jun 16 Javascript
实例代码详解jquery.slides.js
Nov 16 Javascript
深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解
Apr 03 Javascript
Bootstrap3下拉菜单的实现
Feb 22 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
Apr 21 Javascript
Node.js 回调函数实例详解
Jul 06 Javascript
关于vue.js发布后路径引用的问题解决
Aug 15 Javascript
vue项目base64字符串转图片的实现代码
Jul 13 Javascript
浅谈Vuex注入Vue生命周期的过程
May 20 Javascript
VUE 解决mode为history页面为空白的问题
Nov 01 Javascript
jquery last-child 列表最后一项的样式
Jan 22 #Javascript
javascript 拖放效果实现代码
Jan 22 #Javascript
JAVASCRIPT style 中visibility和display之间的区别
Jan 22 #Javascript
javascript 获取url参数和script标签中获取url参数函数代码
Jan 22 #Javascript
JavaScript 学习笔记(十三)Dom创建表格
Jan 21 #Javascript
JavaScript 学习笔记(十二) dom
Jan 21 #Javascript
javascript parseInt与Number函数的区别
Jan 21 #Javascript
You might like
967 个函式
2006/10/09 PHP
php的sso单点登录实现方法
2015/01/08 PHP
php生成酷炫的四个字符验证码
2016/04/22 PHP
Yii使用smsto短信接口的函数demo示例
2016/07/13 PHP
PHP开发之用微信远程遥控服务器
2018/01/25 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
2008/03/22 Javascript
js判断变量是否未定义的代码
2020/03/28 Javascript
JS打开层/关闭层/移动层动画效果的实例代码
2013/05/11 Javascript
鼠标滑过出现预览的大图提示效果
2014/02/26 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
2015/05/03 Javascript
详解Bootstrap创建表单的三种格式(一)
2016/01/04 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
2017/07/31 Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
2017/11/27 Javascript
利用Vue2.x开发实现JSON树的方法
2018/01/04 Javascript
vue2.0 + element UI 中 el-table 数据导出Excel的方法
2018/03/02 Javascript
vue加载自定义的js文件方法
2018/03/13 Javascript
vue 使用html2canvas将DOM转化为图片的方法
2018/09/11 Javascript
vue源码中的检测方法的实现
2019/09/26 Javascript
基于JavaScript实现十五拼图代码实例
2020/04/26 Javascript
使用graphics.py实现2048小游戏
2015/03/10 Python
Python3 伪装浏览器的方法示例
2017/11/23 Python
python中验证码连通域分割的方法详解
2018/06/04 Python
python Tkinter版学生管理系统
2019/02/20 Python
Python根据当前日期取去年同星期日期
2019/04/14 Python
python opencv 批量改变图片的尺寸大小的方法
2019/06/28 Python
Tensorflow加载Vgg预训练模型操作
2020/05/26 Python
Internal修饰符有什么含义
2013/07/10 面试题
医学毕业生自荐信
2013/10/11 职场文书
开水果连锁店创业计划书
2013/12/29 职场文书
乡村卫生服务一体化管理实施方案
2014/03/30 职场文书
乡镇领导班子批评与自我批评材料
2014/09/23 职场文书
2014全年工作总结
2014/11/27 职场文书
三方协议书
2015/01/27 职场文书
[有人@你]你有一封绿色倡议书,请查收!
2019/07/18 职场文书