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过滤选择器用法分析
Feb 10 Javascript
jquery 插件实现多行文本框[textarea]自动高度
Mar 04 Javascript
js图片轮播手动切换效果
Nov 10 Javascript
只需五句话搞定JavaScript作用域(经典)
Jul 26 Javascript
js事件源window.event.srcElement兼容性写法(详解)
Nov 25 Javascript
jQuery联动日历的实例解析
Dec 02 Javascript
Javascript仿京东放大镜的效果
Mar 01 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
Sep 18 Javascript
JS实现对json对象排序并删除id相同项功能示例
Apr 18 Javascript
layui表格 返回的数据状态异常的解决方法
Sep 10 Javascript
Vue项目中Api的组织和返回数据处理的操作
Nov 04 Javascript
微信小程序转化为uni-app项目的方法示例
May 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
Zerg剧情介绍
2020/03/14 星际争霸
PHP中去掉字符串首尾空格的方法
2012/05/19 PHP
Yii实现多数据库主从读写分离的方法
2014/12/29 PHP
PHP实现WebService的简单示例和实现步骤
2015/03/27 PHP
JQuery 获得绝对,相对位置的坐标方法
2010/02/09 Javascript
JavaScript高级程序设计 阅读笔记(十七) js事件
2012/08/14 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能
2015/11/02 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
2016/04/19 Javascript
vue自定v-model实现表单数据双向绑定问题
2018/09/03 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
2019/07/17 Javascript
微信小程序基于高德地图查找位置并显示文字
2019/10/30 Javascript
浅谈vue中组件绑定事件时是否加.native
2019/11/09 Javascript
微信小程序云开发获取文件夹下所有文件(推荐)
2019/11/14 Javascript
JS document文档的简单操作完整示例
2020/01/13 Javascript
js、jquery实现列表模糊搜索功能过程解析
2020/03/27 jQuery
Vue使用screenfull实现全屏效果
2020/09/17 Javascript
详解vue3中组件的非兼容变更
2021/03/03 Vue.js
Python实现Const详解
2015/01/27 Python
Python字典操作简明总结
2015/04/13 Python
简单掌握Python的Collections模块中counter结构的用法
2016/07/07 Python
在Python中定义一个常量的方法
2018/11/10 Python
python的等深分箱实例
2019/11/22 Python
Python autoescape标签用法解析
2020/01/17 Python
python使用opencv resize图像不进行插值的操作
2020/07/05 Python
Python3爬虫关于识别检验滑动验证码的实例
2020/07/30 Python
python高级特性简介
2020/08/13 Python
css3实现信纸/同学录效果的示例代码
2018/12/11 HTML / CSS
简单html5代码获取地理位置
2014/03/31 HTML / CSS
伦敦一家非常流行的时尚精品店:Oxygen Boutique
2017/01/15 全球购物
Vans奥地利官方网站:美国原创极限运动潮牌
2018/09/30 全球购物
社会实践心得体会
2014/01/03 职场文书
2014年安全生产目标责任书
2014/07/23 职场文书
2014个人年度工作总结范文
2014/12/24 职场文书
Java基于Dijkstra算法实现校园导游程序
2022/03/17 Java/Android
MySQL三种方式实现递归查询
2022/04/18 MySQL