jquery总结

w286332849

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