元素获取

语法	描述
$("*")	选取所有元素
$(this)	选取当前 HTML 元素
$("p.intro")	选取 class 为 intro 的 p 元素
$("p:first")	选取第一个 p 元素
$("ul li:first")	选取第一个 ul 元素的第一个 li 元素
$("ul li:first-child")	选取每个 ul 元素的第一个 li 元素
$("[href]")	选取带有 href 属性的元素
$("a[target='_blank']")	选取所有 target 属性值等于 "_blank" 的 a 元素
$("a[target!='_blank']")	选取所有 target 属性值不等于 "_blank" 的 a 元素
$(":button")	选取所有 type="button" 的 input 元素 和 button 元素
$("tr:even")	选取偶数位置的 tr 元素
$("tr:odd")	选取奇数位置的 tr 元素

元素操作

• text() - 设置或返回所选元素的文本内容
• html() - 设置或返回所选元素的内容（包括 HTML 标记）
• val() - 设置或返回表单字段的值

---

• append() - 在被选元素的结尾插入内容
• prepend() - 在被选元素的开头插入内容
• after() - 在被选元素之后插入内容
• before() - 在被选元素之前插入内容

---

• remove() - 删除被选元素（及其子元素）
• empty() - 从被选元素中删除子元素

css操作

• $("p").css("background-color");
• $("p").css("background-color","yellow");
• $("p").css({"background-color":"yellow","font-size":"200%"});

$("#myelement").width(50);
$("#myelement").height(100);

html事件

鼠标事件	键盘事件	表单事件	文档/窗口事件
click	keypress	submit	load
dblclick	keydown	change	resize
mouseenter	keyup	focus	scroll
mouseleave		blur	unload
hover

js特效与动画

$(*selector*).hide(*speed,callback*); 
$(*selector*).show(*speed,callback*);

$(*selector*).fadeIn(*speed,callback*);
$(*selector*).fadeOut(*speed,callback*);
$(*selector*).fadeToggle(*speed,callback*);
$(*selector*).fadeTo(*speed,opacity,callback*);

$(*selector*).slideDown(*speed,callback*);
$(*selector*).slideUp(*speed,callback*);
$(*selector*).slideToggle(*speed,callback*);

$(*selector*).animate({*params*} *,speed,callback*);
$("button").click(function(){ 
   $("div").animate({ left:'250px', opacity:'0.5', height:'150px', width:'150px' }); 
});

$(*selector*).stop(*stopAll,goToEnd*);
$("#p1").css("color","red") .slideUp(2000) .slideDown(2000);

dom遍历

• parent()
• parents()
• parentsUntil()

---

• children()
• find()

---

• siblings()
• next()
• nextAll()
• nextUntil()
• prev()
• prevAll()
• prevUntil()

---

• first()
• last()
• eq()

ajax

• load() 方法从服务器加载数据，并把返回的数据放入被选元素中。

$(selector).load(URL,data,callback);

$.ajax({
     type: "post",  //请求方式分为post/get， 默认为 "get"。
     url: path + "/createDir",        //发送请求的地址，默认为当前页地址。　　　  
     async：false，                      //是否为异步请求，默认为true。
     data: {
        'token': userinfo.token,
        'userid': userinfo.userId,
     }, 
   "Content-type","application/x-www-form-urlencoded"
    success: function (data) {  }     //如果请求成功，则执行以下函数，并返回参数。
    error: function (data) {  }     //如果请求成功，则执行以下函数，并返回参数。
});

• $.get(URL,callback);$.get( URL [, data ] [, callback ] [, dataType ] )
• $.post(URL,callback);$.post( URL [, data ] [, callback ] [, dataType ] )

其他

$.cookie('name', 'value', { expires: 7, path: '/' });
$(selector).each(function (index,element){} )
$(selector).get(index)
$(selector).toArray()
$.fn.extend( object )  //为jQuery扩展一个或多个实例属性和方法

详见《菜鸟教程》

欢迎关注我的前端自检清单，我和你一起成长