jquery总结

Ajax 之 jquery总结
what :
1.jquery是一个快速，简单的javascript库

why:
1.便于快速的开发
2.简化html文档遍历.
4.对css兼容.

how:
$:选择器
: 表示 指定$的位置
#: //选择id或class
$("节点 子节点") //空格选择子节点 (层级关系)
[type] //只针对与type


Jquery主要功能包括：
一． 对属性的操作
a) 直接操作属性 例如：$("img").attr("src"); 得到img标签的src属性
b) 操作css类 例如：$("p").addClass("selected"); 为p标签添加selected样式
c) 操作html 例如：$("div").html(); 取div标签中的html值
d) 操作文本 例如：$("p").text(); 取p 标签中的文本值
e) 操作值 例如：$("#userName").val(); 取id为userName的值
二． 对文档的操作
a) 内部操作 例如：$("p").append("<b>Hello</b>"); 在p标签后面加入子标签
b) 外部操作 例如：$("p").insertAfter("1234"); 在P标签后面插入1234
c) 包裹操作 例如：$("p").wrap("<div class='wrap'></div>"); 插入p标签为div节点的父节点.
d) 替换操作 例如：$("p").replaceWith("<b>Paragraph. </b>"); 把所有的p标签替换为b标签
e) 删除操作 例如：$("p").remove(); 删除p标签
f) 复制操作 例如：$("b").clone() 复制b标签
三． 对css的操作
a) css操作 例如：$("p").css({ color: "red", background: "blue" }); 在p标签插入一段css样式,其中前景色为red,背景色为blue.
b) 位置操作 例如：$("p:last").offset ({ top: 10, left: 30 }); 找到最后一个p标签，设置它的距离上部的位置为10,距离左边的距离为30
c) 尺寸操作 例如：$("p").height(); 获得p标签的高度
四． 对事件的操作
a) 初始化事件 例如：ready()
b) 点击事件 例如：click()
c) 焦点事件 例如：focus()
d) 失去焦点事件 例如：blur()
e) 键盘事件 例如：keydown()
五． 对效果的操作
a) 基本效果 例如：$("p").hide(); 隐藏p标签
b) 滑动效果 例如：$("p").slideDown("slow"); 缓慢滑动出现
c) 淡入淡出效果 例如：$("p").fadeIn("slow"); 缓慢淡入
d) 自定义效果 例如：$("p").animate({left: 50, opacity: 'show'}, 500); 用500毫秒将段落移到left为50的地方并且完全清晰显示出来
六． 对ajax的操作
a) 例如：function startRequest(){$("#target").load("14-1.jsp"); }直接提交到14-1.jsp中
b) Get() pose();
七． 提供一些常用的工具
a) 检测浏览器 例如： alert($.browser) 打印浏览器的类型
b) 对数组和对象的操作 例如：

var aArray = ["one", "two", "three", "four", "five"];
$.each(aArray,function(iNum,value){
document.write("序号:" + iNum + " 值:" + value + "<br>");
});