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>");
});