1.Javascript自身存在3个弊端:
1.1 复杂的文档对象模型(DOM)
1.2 不一致的浏览器实现
1.3 缺乏便捷的开发、调试工具。
2.流行的JavaScript库:Prototype Dojo YUI ExtJS MooTools jQuery
3.jQuery的优势:
(1)轻量级
(2)强大的选择器
(3)出色的DOM操作的封装
(4)可靠的事件处理机制
(5)完善的Ajax
(6)不污染顶级变量
(7)出色的浏览器兼容性
(8)链式操作方式
(9)隐式迭代
(10)行为层与结构层的分离
(11)丰富的插件支持
(12)完善的文档
(13)开源
4.jQuery的官网为:http://jquery.com可以在这里下载最新的jQuery库,对于每一个版本的jQuery库,它提供两种类型让开发者下载,一种是无压缩版本供开发和调试用名称为jquery-<version>.js还有一种是经过压缩工具压缩的版本主要用于程序的发布版使用,名称为:jquery-<version>.min.js。
5.要使用jQuery库,需要在你的代码之前引入入jQuery:
<script sc="jquery-1.8.2.js" type="text/javascript"></script>
--------------------------------------------------
author: cs_cjl
website: http://blog.csdn.net/cs_cjl
--------------------------------------------------
6.jQuery格式建议:
(1)对于同一个对象不超过3个操作的,可以直接写成一个i操作
(2)对于同一个对象的较多操作,建议每行写一个操作,或者将同一个类别的操作写在同一行
(3)对于多个对象的少量操作,可以每个对象写一行,如果涉及子元素,可以适当地缩进
(4)对于多个对象的多个操作,可以结合(2)和(3)来做
7.DOM和jQuery对象:
DOM:Document Object Model 文档对象模型,每一份DOM都可以表示成一棵树
jQuery对象:jQuery对象就是通过jQuery包装DOM对象后产生的对象
8.jQuery对象和DOM对象的相互转换:
首先,约定如果是jQuery对象,则在变量前面加上$,如下所示
var $v = jQuery对象;
var v = DOM对象;
jQuery对象转成DOM对象:
jQuery提供了两种方法将一个jQuery对象转换成DOM对象,即[index]和get(index)
例如:
var $cr = $("#cr");
var cr = $cr[0] ;
或者:
var cr $cr.get(0);
DOM对象转换成jQuery对象:
对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了
例如:
var cr = document.getElementById("cr");
var $cr = $(cr);
9.解决jQuery和其他库的冲突的方法:
(1)如果jQuery库在其他库之前导入,那么可以直接使用jQuery来做一些jQuery的工作
(2)如果jQuery库在其他库之后导入,那么可以用jQuery.noConflict()函数来将变量$的控制权移交给其他JavaScript库,也可以在移交的同时自定义备用名称
例如:
var $j = jQuery.noConflict();