jQuery的优势

jQuery的优势(write less,do more)

1、轻量级。jQuery很轻巧,採用UglifyJS(http://github.com/mishoo/UglifyJS)压缩后,大小保持在30KB左右。

2、强大的选择器。

同意开发人员使用从CSS1-CSS3差点儿全部的选择器。以及jQuery独创的高级而复杂的选择权。

3、出色的DOM操作的封装。

jQuery封装了大量经常使用的DOM操作,使开发人员在编写DOM操作相关程序的时候,更得心应手。

4、可靠的事件处理机制

5、完好的Ajax

jQuery将全部的Ajax操作封装到一个函数$.ajax()里。使得开发人员处理Ajax的时候可以专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。

6、不污染顶级变量。

7、出色的浏览器兼容性

8、链式操作方式

对发生在同一个jQuery对象上的操作,能够直接连写而无反复获取对象。

9、隐式迭代

当想找到带有“.myclass”类的所有元素。并将其隐藏,无需循环遍历每个返回的元素。

10、行为层与结构层的分离

开发人员能够使用jQuery选择器选中元素,然后直接给元素加入事件。使各个方面的开发人员各司其职,互不干涉。

11、丰富的插件支持

12、完好的文档

13、开源

jQuery代码注意事项:

1、对同一个对象不超过3个操作的,能够直接写一行

$("li").show().unbind("click");

2、对于同一个对象的较多操作,建议每行写一个操作

$(this).removeClass("")

.addClass("")

.stop()

.fadeTo(“fast”,0.6)

.fadeTo("fast",1)

.unbind("click")

.click(function(){

});

3、对于多个对象的少量操作,能够每一个对象写一行,假设涉及子元素,可考虑适当的缩进

$(this).addClass("highlight")

.children("li").show().end();

.siblings().removeClass("highlight")

.children("li").hide();

4、为代码加入凝视

时间: 2024-10-12 18:53:59

jQuery的优势的相关文章

认识JQuery,JQuery的优势、语法、多库冲突、JS原生对象和JQuery对象之间相互转换和DOM操作,常用的方法

(一)认识JQuery  JQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一套定义好的方法    JQuery的主旨:以更少的代码,实现更多的功能 (二)JQuery的优势 1)可以像CSS一样访问和操作DOM 2)修改CSS控制页面外观 3)简化JS代码操作 4)事件代理更加容易 5)动画效果使用方便 6) Ajax技术更加完美 7)大量的基于Jquery的插件 8)可以自定义扩展功能插件 (三)JQuery的语法 格式:$(selector).actio

jQuery学习笔记(一):入门

jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开

AngularJs 与Jquery的对比分析,超详细!

闲来无事,在网上发现了一篇对比AngularJs和Jquery的文章.恰好最近自己也在研究AngularJs.特此收藏.需要的朋友可以参考. 原问题:假如我熟悉利用jQuery去开发客户端应用,那么我怎么上手angularjs,能否描述下所需要的模式转变,下面这些问题能够帮助你给出一个回答: 1.在设计客户端web应用的时候有什么区别,最大的区别是什么? 2.我应该停止使用哪些技术,同时又使用哪些技术作为替代? 3.是否存在服务端需要考虑的东西或者说一些限制呢? 回答: 1.不要首先设计好你的页

为什么原生 JavaScript 开发越来越多受欢迎?是否应该跟风用原生JavaScript代替 jQuery等库?

本文标签:  jQuery的作用 原生JavaScript优势 jQuery官网 jQuery处理DOM和跨浏览器 JavaScript新特性 互联网杂谈 随着 JavaScript 本身的完善,越来越多的人开始喜欢使用原生 JavaScript 开发代替各种库,其中不少人发出了用原生 JavaScript 代替 jQuery 的声音.这并不是什么坏事,但也不见得就是好事.如果你真的想把 jQuery从前端依赖库中移除掉,我建议你慎重考虑. 首先 jQuery 是一个第三方库.库存在的价值之一在

jQuery基础之(一)jQuery概述

1.jQuery的简介 就像上节所将到的Ajax框架一样,简单的说,jQuery是一个优秀的javascript框架,它能够让用户方便的处理html,events(冒泡)事件,动画效果,ajax交互等,它极大程度的改变了开发者使用javascript的习惯.jQuery自2006年最初创建,已经吸引了众多的javascript高手加入其团队,随着事件推移,jQuery新版本一个一个发布,它越来越受到关注. 如今,jQuery发展到集各种javascript/css/dom和ajax功能于一体的强

快速回顾jQuery的个人笔记(总结)

写在前面:学习任何一个库或者框架,不能盲目的学习,而是要首先了解这个库或者这个框架是干什么的,库和框架基于不同的目的提供给大家灵活使用,而不是以一概全,所有的项目都是用一样的东西. 很早就学习过一遍jQuery,但是对于我这样的小白来说,很多东西都未尽未透.而jQuery作为js最广泛流行的库,决定逞还在放暑假对jQuery进行一次复习和梳理. 1.jQuery的作用 首先对于jQuery来说,jQuery有如下的功能: 1.HTML元素的操作 2.CSS元素的操作 3.HTML的事件函数(譬如

JQuery基本知识框架(上)

一:认识jQuery 1.window.onload与$(document).ready()的对比 2.jQuery代码风格(1:链式代码风格2:位代码添加注释) 3.jQuery对象和DOM对象(1.DOM对象和jQuery对象简介2.DOM对象和jQuery对象互相转换) 二:jQuery选择器 1.什么是jQuery选择器 2.jQuery选择器优势 3.jQuery选择器 1.基本选择器(5种#id,.class,element,*,select1....selectN) 2.层次选择器

OA项目之Jquery客户端验证

1.今天做下验证方面的笔记 2.首先做的是客户端这一方的验证,为什么需要客户端的验证,是为了减轻服务器端的压力,可以利用Jquery的 validate插件来做,前面有个treeview插件来做树状显示,道理相同,利用Jquery插件来做很方便,简洁. 3.先看下效果图,类似如此的提示效果 ①Jquery.validate是jquery旗下的一个验证框架,借助jquery的优势,我们可以迅速验证一些常见的输入,还可以自己扩充自己的验证方法,并且对国际化也有很好的支持. ②如何使用Jquery插件

jQuery学习之开篇

吐槽 最近比较烦,对于一个前端白痴来说,工作方向突然转向前端这块着实让人蛋疼无比.前段时间简单的学习了下EasyUI,算是对其有一个简单的认知了吧.EasyUI的研究过程中发现,如果没有掌握JS.JQuery想要进行后续的开发会非常困难.得,又得学下JQuery,一种蛋蛋的忧伤.一直认为前端的水非常的深这段时间算是见识到了,哎,不过工作还的继续,吐槽完了,卯足干劲充电吧! 前言 某前端白痴一个,会点html+css+js.JQuery的学习书籍看的是<锋利的JQuery>,先入门看了两章,感觉