Jquery小结

jQuery是一套跨 浏览器 JavaScript 库 ,简化 HTML 与JavaScript之间的操作。
它的语法设计使得许多操作变得容易,如操作文档对象(document)、选择 DOM 元素、创建 动画 效果、处理 事件 、以及开发 Ajax 程序
 
http://zh.wikipedia.org/wiki/JQuery#.E5.8A.A0.E8.BC.89jQuery ,以上几点来自维基百科。
 
总体说来 jquery 可以做的事情大概有几个特点
 
选择器
属性
事件
Ajax
 
下图是一个简单的概括
 
Jquery小结_第1张图片
 
 
简单介绍

1 页面加载函数

$(document).ready(function(){
 
})

 
当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。
由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法
 
2 $() 是基本的选择器。它有四个方法

方法 funcion ()
B  css 选择器,找到节点
C  dom 对象,转为 jquery 对象
D  html 文本,创建 dom 节点,包装成 jquery 对象
 
3  DOM选择器与链式语法

经由jQuery的DHTML DOM选择器,可以更容易的操作在复杂的树状HTML中的任何DHTML DOM对象,并可用链式语法对同一对象的不同属性进行操作。
例如:
$("p.surprise").addClass("ohmy").show("slow");
相当于
a 查找HTML的<p>标签,且其class为"surprise"的DHTML DOM对象
将其Class属性多加上一个"ohmy"(通常是配CSS的定义做显示时的配色修改)
c 打开显示
 
Jquery的类型博大精深,我们可以从它的API函数手册中学习了解,以下链接是一个基本的学习教程,简单明了。
http://www.w3school.com.cn/jquery/jquery_selectors.asp

关于Jquery的还有一些Jquery UI 和MiniUI可以说是Jquery的更深一层次的包装。
http://www.jeasyui.com/demo/main/index.php ,页面中式一些UI的简单例子,更深入的学习还需要大家多看看手册。
 

你可能感兴趣的:(jquery)