jquery的介绍与使用

核心提示： 当前流行的JavaScript库有:jQuery, MooTools,Prototype, Dojo, YUI,EXT_JS DWRjQuery由美国人JohnResig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，jquery的介绍与使用，jQuery是继prototype之后又一个

 当前流行的JavaScript库有:
jQuery, MooTools,Prototype, Dojo, YUI,EXT_JS DWR

jQuery由美国人JohnResig创建，至今已吸引了来自世界各地的众多javascript高手加入其team。
jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITELESS,DO MORE,写更少的代码,做更多的事情。
它是轻量级的js库(压缩后只有21k)，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。
jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。
jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。
jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。
jQuery对象就是通过jQuery包装DOM对象后产生的对象。
引入jquery：<script src="/js/qquery-1.4.2.js"></script>将js文件导入项目中，在引入页面
jQuery对象是jQuery独有的.如果一个对象是jQuery对象,那么它就可以使用jQuery里的方法: $(“#test”).html();
比如：
$("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法

这段代码等同于用DOM实现代码：

document.getElementById("test ").innerHTML;

虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错
约定：如果获取的是 jQuery对象,那么要在变量前面加上 $.
•var$variable =jQuery对象
•varvariable = DOM对象
选择器是jQuery的根基,在jQuery中,对事件处理, 遍历DOM和Ajax 操作都依赖于选择器
jQuery选择器的优点:
•简洁的写法
•完善的事件处理机制
==========================基本选择器
$("#id")//通过id查找节点元素
$("标签名")//通过标签名查找节点元素
$(".class的值")//通过class属性的值查找节点元素
$("*")//查找所有的节点标签
==========================层次选择器
$("标签或者id或者class 标签或者id或者class")//查找标签或者id或者class节点中的所有标签或者id或者class节点---“ ”空格代表指定标签里面的所有标签,class,id
$("标签或者id或者class>标签或者id或者class")//查找标签或者id或者class节点中的子节点标签或者id或者class--“>”代表父子关系
$("标签或者id或者class+标签或者id或者class")//查找标签或者id或者class的下一个标签或者id或者class节点--“+”下一个节点
$("标签或者id或者class~标签或者id或者class")//查找标签或者id或者class的以后的所有的标签或者id或者class节点--“~”以后的所有节点
$("id或者class").siblings("div")//查找id或者class并且是指定节点的节点元素
==========================基础过滤选择器
--------$(节点元素：条件)
$("标签或者id或者class:first")//查找标签或者id或者class第一个出现的节点元素
$("标签或者id或者class:last")//查找标签或者id或者class最后一个出现的节点元素