原创文章,转载请私信。谢谢~
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() - 设置或返回表单字段的值