JQuery 方法合集（懒人备记）

原创文章，转载请私信。谢谢~

PS：请将jquery的引用文件放在head的标签内

语法：$(selector).action()

$(document).ready(function(){

   // 开始写 jQuery 代码...

});

 

可以简写成

$(function(){

   // 开始写 jQuery 代码...

 }); 

jQuery 事件方法语法

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

 

其余方法:

 1 //可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
 2 //可选的 callback 参数是 fading 完成后所执行的函数名称。
 3 //可选的 callback 参数，具有以下三点说明：
 4 //1.$(selector)选中的元素的个数为n个，则callback函数会执行n次
 5 //2.callback函数名后加括号，会立刻执行函数体，而不是等到显示/隐藏完成后才执行
 6 //3.callback既可以是函数名，也可以是匿名函数
 7 //fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。
 8 
 9 $(selector).hide(speed,callback); 
10 $(selector).show(speed,callback); $(selector).toggle(speed,callback); 
11 $(selector).fadeOut(speed,callback);
12 $(selector).fadeIn(speed,callback);
13 $(selector).fadeToggle(speed,callback);
14 $(selector).fadeTo(speed,opacity,callback);
15 $(selector).slideDown(speed,callback);
16 $(selector).slideUp(speed,callback);
17 $(selector).slideToggle(speed,callback);
18 $(selector).animate({params},speed,callback);//必需的 params 参数定义形成动画的 CSS 属性。
19 $(selector).stop(stopAll,goToEnd);//可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行。
20 //可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

 

jQuery 捕获

jQuery DOM 操作

DOM = Document Object Model（文档对象模型）

• text() - 设置或返回所选元素的文本内容

• html() - 设置或返回所选元素的内容（包括 HTML 标记）

• val() - 设置或返回表单字段的值