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 this 的一些学习总结
Aug 02 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
Jul 09 Javascript
怎么选择Javascript框架(Javascript Framework)
Nov 22 Javascript
javascript中文本框中输入法切换的问题
Dec 10 Javascript
JS辨别访问浏览器判断是android还是ios系统
Aug 19 Javascript
js中函数声明与函数表达式
Jun 03 Javascript
js方法数据验证的简单实例
Sep 17 Javascript
微信小程序 MD5的方法详解及实例代码
Mar 10 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
Jan 30 Javascript
React注册倒计时功能的实现
Sep 06 Javascript
如何给element添加一个抽屉组件的方法步骤
Jul 14 Javascript
vue实现分页的三种效果
Jun 23 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中simplexml_load_string函数使用说明
2011/01/01 PHP
php生成酷炫的四个字符验证码
2016/04/22 PHP
PHP 对象接口简单实现方法示例
2020/04/13 PHP
基于PHP实现生成随机水印图片
2020/12/09 PHP
js textarea自动增高并隐藏滚动条
2009/12/16 Javascript
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
2011/08/28 Javascript
用JQuery在网页中实现分隔条功能的代码
2012/08/09 Javascript
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
2013/07/09 Javascript
html文档中的location对象属性理解及常见的用法
2014/08/13 Javascript
angularjs客户端实现压缩图片文件并上传实例
2015/07/06 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
2016/01/27 Javascript
jQuery代码实现图片墙自动+手动淡入淡出切换效果
2016/05/09 Javascript
微信小程序 获取微信OpenId详解及实例代码
2016/10/31 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
2018/05/02 Javascript
微信小程序多音频播放进度条问题
2018/08/28 Javascript
原生js实现分页效果
2020/09/23 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
2020/11/07 Javascript
解决elementui表格操作列自适应列宽
2020/12/28 Javascript
[02:59]2014DOTA2西雅图国际邀请赛 圆满落幕中国夺冠
2014/07/23 DOTA
Python标准库之随机数 (math包、random包)介绍
2014/11/25 Python
python计算两个数的百分比方法
2018/06/29 Python
python使用Matplotlib画条形图
2020/03/25 Python
python实现嵌套列表平铺的两种方法
2018/11/08 Python
在Python中使用Neo4j的方法
2019/03/14 Python
Django框架中间件定义与使用方法案例分析
2019/11/28 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
详细分析Python可变对象和不可变对象
2020/07/09 Python
大学生简历中个人的自我评价
2013/10/06 职场文书
英文导游欢迎词
2014/01/11 职场文书
兰兰过桥教学反思
2014/02/08 职场文书
优秀应届本科生求职信
2014/07/19 职场文书
68句权威创业名言
2019/08/26 职场文书
新手,如何业余时间安排好写作、提高写作能力?
2019/10/21 职场文书
面试必问:圣杯布局和双飞翼布局的区别
2021/05/13 HTML / CSS
nodejs利用readline提示输入内容实例代码
2021/07/15 NodeJs