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 相关文章推荐
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
Mar 28 Javascript
js获取php变量的实现代码
Aug 10 Javascript
js控制网页前进和后退的方法
Jun 08 Javascript
jquery+CSS实现的多级竖向展开树形TRee菜单效果
Aug 24 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
jQuery实现的多张图无缝滚动效果【测试可用】
Sep 12 Javascript
jquery自定义表单验证插件
Oct 12 Javascript
mpvue项目中使用第三方UI组件库的方法
Sep 30 Javascript
微信小程序日历/日期选择插件使用方法详解
Dec 28 Javascript
JavaScript对JSON数组简单排序操作示例
Jan 31 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
Apr 02 Javascript
vue实现简单加法计算器
Oct 22 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
检查url链接是否已经有参数的php代码 添加 ? 或 &amp;
2010/02/09 PHP
php visitFile()遍历指定文件夹函数
2010/08/21 PHP
解析file_get_contents模仿浏览器头(user_agent)获取数据
2013/06/27 PHP
ThinkPHP3.1查询语言详解
2014/06/19 PHP
解决PHP 7编译安装错误:cannot stat ‘phar.phar’: No such file or directory
2017/02/25 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
如何重写Laravel异常处理类详解
2020/12/20 PHP
js获取提交的字符串的字节数
2009/02/09 Javascript
jquery提升性能最佳实践小结
2010/12/06 Javascript
js预载入和JavaScript Image()对象使用介绍
2011/08/28 Javascript
javascript学习笔记(八) js内置对象
2012/06/19 Javascript
js文本框输入点回车触发确定兼容IE、FF等
2013/11/19 Javascript
js运动动画的八个知识点
2015/03/12 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
初识Javascript小结
2015/07/16 Javascript
jQuery下拉友情链接美化效果代码分享
2015/08/26 Javascript
将鼠标焦点定位到文本框最后(代码分享)
2017/01/11 Javascript
新闻上下滚动jquery 超简洁(必看篇)
2017/01/21 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
2017/04/18 Javascript
使用Vue开发动态刷新Echarts组件的教程详解
2018/03/22 Javascript
JavaScript常见事件处理程序实例总结
2019/01/05 Javascript
python爬取淘宝商品详情页数据
2018/02/23 Python
python list格式数据excel导出方法
2018/10/31 Python
Python中的枚举类型示例介绍
2019/01/09 Python
Python hashlib模块实例使用详解
2019/12/24 Python
python输出pdf文档的实例
2020/02/13 Python
如何使用python写截屏小工具
2020/09/29 Python
python爬取2021猫眼票房字体加密实例
2021/02/19 Python
canvas离屏技术与放大镜实现代码示例
2018/08/31 HTML / CSS
Mountain Hardwear官网:攀岩服装和户外装备
2019/09/26 全球购物
文秘应聘自荐书范文
2014/02/18 职场文书
青年教师师德演讲稿
2014/08/26 职场文书
校园游戏活动新闻稿
2014/10/15 职场文书
2015年生活老师工作总结
2015/05/27 职场文书
看古人们是如何赞美老师的?
2019/07/08 职场文书