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控制listbox中项的移动并排序
Nov 12 Javascript
在模板页面的js使用办法
Apr 01 Javascript
jQuery制作拼图小游戏
Jan 12 Javascript
把Node.js程序加入服务实现随机启动
Jun 25 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
Sep 14 Javascript
AngularJS的ng Http Request与response格式转换方法
Nov 07 Javascript
vue之数据交互实例代码
Jun 20 Javascript
JavaScript数组_动力节点Java学院整理
Jun 26 Javascript
JScript实现表格的简单操作
Aug 15 Javascript
Angular实现双向折叠列表组件的示例代码
Nov 21 Javascript
vue中本地静态图片路径写法
Mar 06 Javascript
vue实现拖拽交换位置
Apr 07 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中的mongodb select常用操作代码示例
2014/09/06 PHP
PHP获取一段文本显示点阵宽度和高度的方法
2015/03/12 PHP
php常用的工具开发整理
2019/09/26 PHP
PHP数组Key强制类型转换实现原理解析
2020/09/01 PHP
ExtJS 2.0实用简明教程 之ExtJS版的Hello
2009/04/29 Javascript
js 字符串转换成数字的三种方法
2013/03/23 Javascript
jquery动态加载js/css文件方法(自写小函数)
2014/10/11 Javascript
javascript基本类型详解
2014/11/28 Javascript
js判断登录与否并确定跳转页面的方法
2015/01/30 Javascript
详解angular用$sce服务来过滤HTML标签
2017/04/11 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
2017/08/28 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
2018/02/24 jQuery
JavaScript代码实现txt文件的上传预览功能
2018/03/27 Javascript
centos 上快速搭建ghost博客方法分享
2018/05/23 Javascript
Angular6中使用Swiper的方法示例
2018/07/09 Javascript
微信小程序项目实践之主页tab选项实现
2018/07/18 Javascript
利用JavaScript将Excel转换为JSON示例代码
2019/06/14 Javascript
浅入深出Vue之自动化路由
2019/08/06 Javascript
在vue中高德地图引入和轨迹的绘制的实现
2019/10/11 Javascript
JS数组扁平化、去重、排序操作实例详解
2020/02/24 Javascript
Python中的CURL PycURL使用例子
2014/06/01 Python
python SSH模块登录,远程机执行shell命令实例解析
2018/01/12 Python
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
python在每个字符后添加空格的实例
2018/05/07 Python
windows 10 设定计划任务自动执行 python 脚本的方法
2019/09/11 Python
python3 pillow模块实现简单验证码
2019/10/31 Python
python实现简单的tcp 文件下载
2020/09/16 Python
物流经理自我评价
2013/09/23 职场文书
客户代表实习人员自我鉴定
2013/09/27 职场文书
成功经营餐厅的创业计划书范文
2013/12/26 职场文书
运动会邀请函范文
2014/02/06 职场文书
政法学院毕业生求职信
2014/02/28 职场文书
小学班级特色活动方案
2014/08/31 职场文书
任命书格式范文
2015/09/22 职场文书
Django基础CBV装饰器和中间件
2022/03/22 Python
PHP 时间处理类Carbon
2022/05/20 PHP