JQuery笔记

0.储备知识

基本语法：$(selector).action()
文档就绪：$(document).ready(function(){});或$(function(){});
选择器：$("p")

1.事件

• 鼠标事件 :click、dbclick、hover、mouseenter、mouseleave

例：

$(selector).click(function)
or
$(selector).click()

• 键盘事件：keypress、keydown、keyup
  例：

$(selector).keypress(function)
or
$(selector).keypress()

• 表单事件：submit、change、focus、blur
  例：

$(selector).submit(function)
or
$(selector).submit()

• 文档/窗口事件：load、unload、resize、scroll
  例：$(selector).load(function)

2.效果

• 隐藏和显示hide();show()
• fading: fadeIn();fadeOut();fadeToggle();fadeTo()
• 滑动：slideDown()；slideUp()；slideToggle()
• 动画：animate();stop()

3.HTML操作

• 捕获:text();html();val();attr()
• 设置：text();html();val();attr()
• 增删：append() ；prepend() ；after() ；before()；remove() ；empty()

4.CSS操作

• 类：addClass()；removeClass()；toggleClass() ；css()
• 方法：

css("propertyname");
or
css("propertyname","value");
or
css({"propertyname":"value","propertyname":"value",...});

• 尺寸 ：width()；height()；innerWidth()；innerHeight()；outerWidth()；outerHeight()

5.遍历

• 祖先：parent();parents();parentsUntil()
• 后代：children();find();
• 兄弟：siblings();next();nextALL();nextUntil()
• 过滤：first();last();eq(n);filter();not()

6.AJAX操作

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