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根据数据生成百分比图和柱状图的实例代码
Jul 14 Javascript
js实现进度条的方法
Feb 13 Javascript
基于JS实现简单的样式切换效果代码
Sep 04 Javascript
React Native实现简单的登录功能(推荐)
Sep 19 Javascript
利用Vue.js实现checkbox的全选反选效果
Jan 18 Javascript
微信小程序模板之分页滑动栏
Feb 10 Javascript
在vue中,v-for的索引index在html中的使用方法
Mar 06 Javascript
vue+element实现打印页面功能
May 20 Javascript
详解vue中v-on事件监听指令的基本用法
Jul 22 Javascript
js 函数性能比较方法
Aug 24 Javascript
JS sort排序详细使用方法示例解析
Sep 27 Javascript
vue实现列表拖拽排序的示例代码
Apr 08 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+MySQL5.0中文乱码解决方法
2006/11/20 PHP
PHP一些常用的正则表达式字符的一些转换
2008/07/29 PHP
又一个php 分页类实现代码
2009/12/03 PHP
yii2 resetful 授权验证详解
2017/05/18 PHP
Ubuntu上安装yaf扩展的方法
2018/01/29 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
JavaScript 轻松搞定快捷留言功能 只需一行代码
2010/04/01 Javascript
js escape,unescape解决中文乱码问题的方法
2010/05/26 Javascript
C++中的string类的用法小结
2015/08/07 Javascript
javascript实现uploadify上传格式以及个数限制
2015/11/23 Javascript
jquery加载单文件vue组件的方法
2017/06/20 jQuery
Webpack框架核心概念(知识点整理)
2017/12/22 Javascript
通过 JS 判断页面是否有滚动条的实现方法
2018/04/05 Javascript
浅谈vue父子组件怎么传值
2018/07/21 Javascript
vue集成kindeditor富文本的实现示例代码
2019/06/07 Javascript
JavaScript获取某一天所在的星期
2019/09/05 Javascript
python3 遍历删除特定后缀名文件的方法
2018/04/23 Python
python验证码识别教程之利用滴水算法分割图片
2018/06/05 Python
python 多进程并行编程 ProcessPoolExecutor的实现
2019/10/11 Python
python读取dicom图像示例(SimpleITK和dicom包实现)
2020/01/16 Python
Python批量安装卸载1000个apk的方法
2020/04/10 Python
解决keras使用cov1D函数的输入问题
2020/06/29 Python
Scrapy-Redis之RedisSpider与RedisCrawlSpider详解
2020/11/18 Python
python爬虫 requests-html的使用
2020/11/30 Python
详解python日志输出使用配置文件格式
2021/02/10 Python
详解Html5 Canvas画线有毛边解决方法
2018/03/01 HTML / CSS
美国山地自行车、露营、户外装备和服装购物网站:Aventuron
2018/05/05 全球购物
求职者简历中的自我评价
2013/10/20 职场文书
小区门卫岗位职责
2013/12/31 职场文书
小学生元旦广播稿
2014/02/21 职场文书
工作自我评价范文
2015/03/05 职场文书
汽车4S店销售经理岗位职责
2015/04/02 职场文书
给校长的建议书作文500字
2015/09/14 职场文书
2016年秋季运动会广播稿
2015/12/21 职场文书
python_tkinter弹出对话框创建
2022/03/20 Python