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 图片延迟加载并等比缩放插件
Nov 09 Javascript
基于dom编程中 动态创建与删除元素的使用
Apr 17 Javascript
jquery $.each() 使用小探
Aug 23 Javascript
js控制table合并具体实现
Feb 20 Javascript
JavaScript中使用数组方法汇总
Feb 16 Javascript
微信小程序 数据绑定详解及实例
Oct 25 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
Node.js 实现简单的接口服务器的实例代码
May 23 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
Feb 02 Javascript
详解JS实现系统登录页的登录和验证
Apr 29 Javascript
JS数组进阶示例【数组的几种函数用法】
Jan 16 Javascript
jQuery实现可以扩展的日历
Dec 01 jQuery
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
德生PL550的电路分析
2021/03/02 无线电
PHP注释实例技巧
2008/10/03 PHP
php检测apache mod_rewrite模块是否安装的方法
2015/03/14 PHP
php实现的pdo公共类定义与用法示例
2017/07/19 PHP
php判断目录存在的简单方法
2019/09/26 PHP
最佳JS代码编写的14条技巧
2011/01/09 Javascript
js获取php变量的实现代码
2013/08/10 Javascript
子页向父页传值示例
2013/11/27 Javascript
二叉树先序遍历的非递归算法具体实现
2014/01/09 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
2014/10/28 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
2015/11/29 Javascript
jQuery之动画效果大全
2016/11/09 Javascript
jQuery实现文档树效果
2017/02/20 Javascript
jQuery布局组件EasyUI Layout使用方法详解
2017/02/28 Javascript
react-router实现跳转传值的方法示例
2017/05/27 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
2018/02/01 Javascript
JS实现的新闻列表自动滚动效果示例
2019/01/30 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
2019/02/27 Javascript
微信小程序图片左右摆动效果详解
2019/07/13 Javascript
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
基于JavaScript实现大文件上传后端代码实例
2020/08/18 Javascript
node.js 如何监视文件变化
2020/09/01 Javascript
[40:29]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第一场
2018/04/10 DOTA
Python字符串、整数、和浮点型数相互转换实例
2018/08/04 Python
Python3.5装饰器原理及应用实例详解
2019/04/30 Python
详解python实现小波变换的一个简单例子
2019/07/18 Python
django实现web接口 python3模拟Post请求方式
2019/11/19 Python
python os.path.isfile 的使用误区详解
2019/11/29 Python
Django单元测试中Fixtures的使用方法
2020/02/26 Python
python如何建立全零数组
2020/07/19 Python
爬虫代理的cookie如何生成运行
2020/09/22 Python
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
网络艺术零售业的先驱者:artrepublic
2017/09/26 全球购物
捷克街头、运动和滑板一站式商店:BoardStar.cz
2019/10/06 全球购物
董事长助理工作职责范本
2014/07/01 职场文书
56句经典英文座右铭
2019/08/09 职场文书