编程 Javascript

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真的是太小了，这个就不用我多说了。

Jquery实战_读书笔记1—选择jQuery

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

基于jQuery的倒计时插件代码

May 07 Javascript

SOSO地图API使用(一)在地图上画圆实现思路与代码

Jan 15 Javascript

javascript时间函数基础介绍

Mar 28 Javascript

第六章之辅组类与响应式工具

Apr 25 Javascript

jQuery实现的瀑布流加载效果示例

Sep 13 Javascript

常用的js方法合集

Mar 10 Javascript

React应用中使用Bootstrap的方法

Aug 15 Javascript

Angular实现的日程表功能【可添加及隐藏显示内容】

Dec 27 Javascript

微信小程序实现跑马灯效果

Oct 21 Javascript

vue中axios请求的封装实例代码

Mar 23 Javascript

JS实现简单的文字无缝上下滚动功能示例

Jun 22 Javascript

ECharts transform数据转换和dataZoom在项目中使用

Dec 24 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

php radio 单选框获取与保持值的实现代码

2010/05/15 PHP

深入PHP nl2br()格式化输出的详解

2013/06/05 PHP

基于PHP常用字符串的总结(待续)

2013/06/07 PHP

php生成图片验证码

2015/06/09 PHP

PHP实现针对日期,月数,天数,周数,小时,分,秒等的加减运算示例【基于strtotime】

2017/04/19 PHP

一款JavaScript压缩工具：X2JSCompactor

2007/06/13 Javascript

奉献给JavaScript初学者的编写开发的七个细节

2011/01/11 Javascript

Jquery多选下拉列表插件jquery multiselect功能介绍及使用

2013/05/24 Javascript

Javascript对象Clone实例分析

2015/06/09 Javascript

AngularJS实现标签页的两种方式

2016/09/05 Javascript

详解React-Native解决键盘遮挡问题（Keyboard遮挡问题）

2017/07/13 Javascript

微信小程序实现图片上传功能实例（前端+PHP后端）

2018/01/10 Javascript

JS设计模式之访问者模式定义与用法分析

2018/02/05 Javascript

vue页面离开后执行函数的实例

2018/03/13 Javascript

微信小程序自定义波浪组件使用方法详解

2019/09/21 Javascript

基于javascript实现贪吃蛇经典小游戏

2020/04/10 Javascript

python3实现UDP协议的服务器和客户端

2017/06/14 Python

Python实现的rsa加密算法详解

2018/01/24 Python

python实现图书管理系统

2018/03/12 Python

python矩阵转换为一维数组的实例

2018/06/05 Python

python中join()方法介绍

2018/10/11 Python

Python使用ffmpy将amr格式的音频转化为mp3格式的例子

2019/08/08 Python

Python 脚本拉取 Docker 镜像问题

2019/11/10 Python

Python pandas RFM模型应用实例详解

2019/11/20 Python

flask实现验证码并验证功能

2019/12/05 Python

浅谈Python爬虫原理与数据抓取

2020/07/21 Python

Pandas中DataFrame交换列顺序的方法实现

2020/12/14 Python

Python3自带工具2to3.py 转换 Python2.x 代码到Python3的操作

2021/03/03 Python

Luxplus丹麦：香水和个人护理折扣

2018/04/23 全球购物

What's the difference between Debug and Trace class? (Debug类与Trace类有什么区别)

2013/09/10 面试题

分公司任命书

2014/06/06 职场文书

关于安全的标语

2014/06/10 职场文书

2015试用期转正工作总结

2014/12/12 职场文书

黄山导游词

2015/01/31 职场文书

关于童年的读书笔记

2015/06/26 职场文书

幼儿园托班开学寄语（2016秋季）

2015/12/03 职场文书