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中使用inline函数的问题
Mar 08 Javascript
jquery+ajax每秒向后台发送请求数据然后返回页面的代码
Jan 17 Javascript
纯JS实现本地图片预览的方法
Jul 31 Javascript
Prototype框架详解
Nov 25 Javascript
分享javascript实现的冒泡排序代码并优化
Jun 05 Javascript
socket.io学习教程之基本应用(二)
Apr 29 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
May 05 Javascript
addeventlistener监听scroll跟touch(实例讲解)
Aug 04 Javascript
详解如何让Express支持async/await
Oct 09 Javascript
Angular实现下拉框模糊查询功能示例
Jan 03 Javascript
jQuery操作cookie的示例代码
Jun 05 jQuery
微信小程序自定义菜单切换栏tabbar组件代码实例
Dec 30 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
一段php加密解密的代码
2007/07/16 PHP
PHP图片上传代码
2013/11/04 PHP
PHP 中 Orientation 属性判断上传图片是否需要旋转
2015/10/16 PHP
YII Framework框架教程之使用YIIC快速创建YII应用详解
2016/03/15 PHP
php实现QQ小程序发送模板消息功能
2019/09/18 PHP
基于jquery的横向滚动条(滑动条)
2011/02/24 Javascript
JavaScript操纵窗口的方法小结
2013/06/28 Javascript
JavaScript按位运算符的应用简析
2014/02/04 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
jQuery中on()方法用法实例详解
2015/02/06 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
2016/03/13 Javascript
jQuery自定义数值抽奖活动代码
2016/06/11 Javascript
js简单判断flash是否加载完成的方法
2016/06/21 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
2017/03/06 Javascript
JavaScript基于replace+正则实现ES6的字符串模版功能
2017/04/25 Javascript
vue复合组件实现注册表单功能
2017/11/06 Javascript
详解vue项目打包步骤
2019/03/29 Javascript
Vue切换Tab动态渲染组件的操作
2020/09/21 Javascript
Python决策树和随机森林算法实例详解
2018/01/30 Python
django静态文件加载的方法
2018/05/20 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
python中selenium操作下拉滚动条的几种方法汇总
2019/07/14 Python
python创建属于自己的单词词库 便于背单词
2019/07/30 Python
python操作toml文件的示例代码
2020/11/27 Python
为世界各地的女性设计和生产时尚服装:ROMWE
2016/09/17 全球购物
中国网上药店领导者:1药网
2017/02/16 全球购物
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
实用的简历自我评价
2014/03/06 职场文书
经典促销广告词大全
2014/03/19 职场文书
村容村貌整治方案
2014/05/21 职场文书
高速铁道技术专业求职信
2014/08/09 职场文书
四风问题民主生活会对照检查材料思想汇报
2014/09/27 职场文书
承诺函格式模板
2015/01/21 职场文书
观后感格式
2015/06/19 职场文书
信息技术国培研修日志
2015/11/13 职场文书
自愿离婚协议书范本2016
2016/03/18 职场文书