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() - 设置或返回表单字段的值

原文地址:https://www.cnblogs.com/lucong-white/p/10419766.html