jQuery的内容还是很多的,想不通过长期使用掌握很难。所以感觉也没必要一股脑看完,记不住啊。用到哪,记到哪里吧,常回头复习,可能想过会好一点。随便写写,没有搞什么优美的格式。
1.jQuery 事件 - ready() 方法
实例:在文档加载后激活函数:
定义和用法
当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。
由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。正如上面的例子中那
样。
ready() 函数规定当 ready 事件发生时执行的代码。
ready() 函数仅能用于当前文档,因此无需选择器。
允许使用以下三种语法:
语法一:
$(document).ready(function)
语法二:
$().ready(function)
语法三:
$(function)
2.jQuery 效果 - slideToggle() 方法
实例:
通过使用滑动效果,在显示和隐藏状态之间切换 <p> 元素:
$(".btn1").click(function(){
$("p").slideToggle();
});
定义和用法
slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。
如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。
语法:
$(selector).slideToggle(speed,callback)
参数 | 描述 |
---|---|
speed |
可选。规定元素从隐藏到可见的速度(或者相反)。默认为 "normal"。 可能的值:
在设置速度的情况下,元素在切换的过程中,会逐渐地改变其高度(这样会创造滑动效果)。 |
callback |
可选。toggle 函数执行完之后,要执行的函数。 如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。 除非设置了 speed 参数,否则不能设置该参数。 |
提示和注释
提示:如果元素已经隐藏,则该效果不产生任何变化,除非规定了 callback 函数。
3.jQuery 事件 - preventDefault() 方法
$("a").click(function(event){ event.preventDefault(); });
定义和用法
preventDefault() 方法阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交)。
语法
event.preventDefault()
参数 | 描述 |
---|---|
event | 必需。规定阻止哪个事件的默认动作。这个 event 参数来自事件绑定函数。 |