《锋利的jQuery》之jQuery简介

1.1 JavaScript简介

JavaScript的缺点：

复杂的文档对象模型（DOM），

不一致的浏览器实现，

缺乏便捷的开发、调试工具。

Ajax（异步的JavaScript和XML）诞生，导火索是Google的一系列新型Web应用：

Gmail、Google Suggest、Google Map等。

涌现大量JS库：Prototype, Dojo, ExtJS, jQuery, YUI...

1.2 jQuery优势

轻量级：使用Min版并且在服务器端启用Gzip压缩后，大小只有18KB。

强大的选择器：支持CSS1到3的所有选择器，还可以加入插件使其支持XPath选择器。

DOM操作封装

事件处理机制：可靠，预留退路、循序渐进、非入侵式思想。

Ajax：$.ajax()

不污染顶级变量：jQuery只建立一个名为jQuery的对象，所有函数都在这个对象下。在项目中放心地引用不会冲突。

浏览器兼容性：能够在IE 6.0+, FF 2+, Safari 2.0+和Opera 9.0+下正常运行。

链式操作

隐式迭代：jQuery的方法设计成自动操作对象集合。如用jQuery找到".myClass"类的全部元素，然后隐藏它们时，无需循环遍历每一个返回元素。

丰富的插件

1.3 开始jQuery之旅

<html>

<head>

$(document).ready(function() {

alert("Hello world!");

}

</script>

</head>

</html>

传统的window.onload()：必须等待网页中所有的内容加载完毕后（包括图片）才能执行。

$(document).ready()：网页中所有DOM结构绘制完毕后就执行，可能DOM元素关联的东西并没有加载完。

1.4 jQuery对象和DOM对象

DOM对象可以通过document的getElementByTagName或getElementById来获得。

jQuery对象是通过jQuery包装DOM对象后产生的对象，可以调用jQuery的方法。

$("#foo").html(); 等价于 document.getElementById("foo").innerHTML;

jQuery对象转成DOM对象：$("#cr")[0]或$("#cr").get(0)

DOM对象转成jQuery对象：$(document.getElementById("cr"))

转载于:https://www.cnblogs.com/xiaomaohai/archive/2011/11/27/6157911.html

《锋利的jQuery》之jQuery简介相关推荐

小汤学编程之jQuery学习day01——简介、入门、选择器
一.简介 1.下载 2.导入二.入门 1.jQuery对象 2.jQuery对象与js对象相互转换 3.页面载入三.选择器 1.基本选择器 2.层级选择器 ...
使用jQuery制作图书简介
使用jQuery制作图书简介 html5代码如下: <!DOCTYPE html> <html><head lang="en"><meta ...
JQuery Smart UI 简介（六） — 框架设计【后篇】（数据接口、后台框架）[简介系列完结]...
上篇介绍了Smart UI的前台架构,本篇继续后面的内容 - Data Interface.Business Layout.DataAccess. Data Interface 数据接口,Smart ...
jQuery简介、引入jQuery、jQuery核心函数、jQuery对象、jQuery对象操作class、addclass补充、jQuery对象复制——jQuery
目录一.jQuery简介二.引入jQuery 三.jQuery核心函数四.jQuery对象五.jQuery对象操作class 六.addClass补充七.jQuery对象复制一.jQuer ...
jquery mobile_jQuery Mobile简介
jquery mobile jQuery Mobile是一种用户界面(UI)框架,可让您编写功能正常的移动Web应用程序而无需编写任何JavaScript代码. 在本文中,了解此框架的功能,包括基本页 ...
[jQuery] 针对jQuery的优化方法有哪些？
[jQuery] 针对jQuery的优化方法有哪些? 1.使用选择器尽量选用id选择器和元素选择器:因为遇到这些选择器的时候,jquery会自动调用浏览器的原生方法比如(document.getEle ...
[jQuery] jQuery与jQuery UI有啥区别？
[jQuery] jQuery与jQuery UI有啥区别? 1)jQuery是一个js库,主要提供的功能是选择器.属性修改和事件绑定等 2)jQuery UI则是在jQuery的基础上,利用jQue ...
[jQuery] 针对jQuery性能的优化方法有哪些？
[jQuery] 针对jQuery性能的优化方法有哪些? show slide animate 等频繁修改 dom 很耗性能,可采用 jquery.transit 插件等使用单个 id 或 class ...
jQuery校验 jQuery Validate 表单验证详解
官网地址: http://bassistance.de/jquery-plugins/jquery-plugin-validation 一导入js库 <script src="../j ...
06-老马jQuery教程-jQuery高级
1.jQuery原型对象解密 jQuery里面的大部分API都是在jQuery的原型对象上定义的.jQuery源码中对原型对象做了简写的处理.也就是说:jQuery.fn === jQuery.pro ...

《锋利的jQuery》之jQuery简介

《锋利的jQuery》之jQuery简介相关推荐

最新文章

热门文章