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中的稀疏数组与密集数组[译]
Sep 17 Javascript
location对象的属性和方法应用(解析URL)
Apr 12 Javascript
JQuery调用绑定click事件的3种写法
Mar 28 Javascript
JavaScript获取并更改input标签name属性的方法
Jul 02 Javascript
AngularJS初始化静态模板详解
Jan 14 Javascript
AngularJS Bootstrap详细介绍及实例代码
Jul 28 Javascript
jQuery树形控件zTree使用小结
Aug 02 Javascript
JS获取checkbox的个数简单实例
Aug 19 Javascript
Bootstrap如何创建表单
Oct 21 Javascript
jquery鼠标悬停导航下划线滑出效果
Sep 29 jQuery
JS判断数组那点事
Oct 10 Javascript
使用Element的InfiniteScroll 无限滚动组件报错的解决
Jul 27 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与ASP
2006/10/09 PHP
php url地址栏传中文乱码解决方法集合
2010/06/25 PHP
PDO版本问题 Invalid parameter number: no parameters were bound
2013/01/06 PHP
浅析php变量作用域的一些问题
2013/08/08 PHP
php二维数组转成字符串示例
2014/02/17 PHP
给PHP开发者的编程指南 第一部分降低复杂程度
2016/01/18 PHP
PHP中Static(静态)关键字功能与用法实例分析
2019/04/05 PHP
Laravel基础-关于引入公共文件的两种方式
2019/10/18 PHP
屏蔽F1~F12的快捷键的js函数
2010/05/06 Javascript
javascript日期转换 时间戳转日期格式
2011/11/05 Javascript
JavaScript实现GriwView单列全选(自写代码)
2013/05/13 Javascript
图片Slider 带左右按钮的js示例
2013/08/30 Javascript
JS小功能(offsetLeft实现图片滚动效果)实例代码
2013/11/28 Javascript
遍历DOM对象内的元素属性示例代码
2014/02/08 Javascript
jquery序列化表单以及回调函数的使用示例
2014/07/02 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
2014/10/17 Javascript
深入理解JavaScript系列(26):设计模式之构造函数模式详解
2015/03/03 Javascript
JavaScript的函数式编程基础指南
2016/03/19 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
Element中Slider滑块的具体使用
2020/07/29 Javascript
Python 命令行参数sys.argv
2008/09/06 Python
浅谈Python中列表生成式和生成器的区别
2015/08/03 Python
Python实现的手机号归属地相关信息查询功能示例
2017/06/08 Python
python opencv实现切变换 不裁减图片
2018/07/26 Python
Python使用matplotlib 模块scatter方法画散点图示例
2019/09/27 Python
python同义词替换的实现(jieba分词)
2020/01/21 Python
KIKO比利时官网:意大利彩妆品牌
2017/07/23 全球购物
海外淘书首选:AbeBooks
2017/07/31 全球购物
关于递归的一道.NET面试题
2013/05/12 面试题
销售总监工作职责
2013/11/21 职场文书
《郑和远航》教学反思
2014/04/16 职场文书
服务承诺书范文
2014/05/19 职场文书
文明好少年事迹材料
2014/08/19 职场文书
特岗教师个人总结
2015/02/10 职场文书
《秋天的怀念》教学反思
2016/02/17 职场文书
Spring Boot实现文件上传下载
2022/08/14 Java/Android