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模板插件 jquery.tmpl 动态ajax扩展
Nov 10 Javascript
Javascript中的delete介绍
Sep 02 Javascript
jQuery点击自身以外地方关闭弹出层的简单实例
Dec 24 Javascript
js jquery ajax的几种用法总结(及优缺点介绍)
Jan 28 Javascript
ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)
Aug 30 Javascript
JS合并数组的几种方法及优劣比较
Sep 19 Javascript
JavaScript中Array对象用法实例总结
Nov 29 Javascript
学习vue.js条件渲染
Dec 03 Javascript
纯JS实现出生日期[年月日]下拉菜单效果
Jun 01 Javascript
es6中使用map简化复杂条件判断操作实例详解
Feb 19 Javascript
Js和VUE实现跑马灯效果
May 25 Javascript
Vue开发中常见的套路和技巧总结
Nov 24 Vue.js
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 Coding Tips(php小技巧)[2011/04/02最后更新]
2011/05/02 PHP
Laravel5.7 数据库操作迁移的实现方法
2019/04/12 PHP
php封装实现钉钉机器人报警接口的示例代码
2020/08/08 PHP
BOOM vs RR BO5 第三场 2.14
2021/03/10 DOTA
javascript 命名规则 变量命名规则
2010/02/25 Javascript
Extjs EditorGridPanel中ComboBox列的显示问题
2011/07/04 Javascript
jQuery实现根据类型自动显示和隐藏表单
2015/03/18 Javascript
JavaScript中判断两个字符串是否相等的方法
2015/07/07 Javascript
javascript实现连续赋值
2015/08/10 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
2017/01/13 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
2017/05/17 Javascript
jquery实现限制textarea输入字数的方法
2017/09/06 jQuery
JS改变页面颜色源码分享
2018/02/24 Javascript
angular 内存溢出的问题解决
2018/07/12 Javascript
vue文件运行的方法教学
2019/02/12 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
2019/09/27 Javascript
Python编程中对文件和存储器的读写示例
2016/01/25 Python
基于Django用户认证系统详解
2018/02/21 Python
python远程邮件控制电脑升级版
2019/05/23 Python
Python OpenCV之图片缩放的实现(cv2.resize)
2019/06/28 Python
python3实现绘制二维点图
2019/12/04 Python
Python生成器next方法和send方法区别详解
2020/05/30 Python
PyCharm2020.1.1与Python3.7.7的安装教程图文详解
2020/08/07 Python
python3爬虫中多线程的优势总结
2020/11/24 Python
详解CSS的border边框属性及其在CSS3中的新特性
2016/05/10 HTML / CSS
HTML5新表单元素_动力节点Java学院整理
2017/07/12 HTML / CSS
NFL墨西哥官方商店:Tienda NFL
2017/11/28 全球购物
说一下Linux下有关用户和组管理的命令
2014/08/18 面试题
儿科主治医生个人求职信
2013/09/23 职场文书
社区工作感言
2014/02/21 职场文书
党的群众路线教育实践方案
2014/05/11 职场文书
公共场所禁烟标语
2014/06/25 职场文书
村创先争优活动总结
2014/08/28 职场文书
2014年度培训工作总结
2014/11/27 职场文书
2015年组织部工作总结
2015/04/03 职场文书
golang连接MySQl使用sqlx库
2022/04/14 Golang