页面载入事件 页面载入事件 jQuery的页面载入事件 ready()方法类似于传统的 JavaScript的 onLoad O方法。只是在执行时间上有区别。 onLoad o方法必须是页面中的全部元素完全加载到浏览器后才触发。 如果用 ready()方法加载页面,则只要页面的DOM模型加载完毕, 就会触发 ready()方法。 ready()的工作原理:在 jQuery脚本加载到页面时,会设置一个 isReady的标记,用于监听页面加载的进度,当然遇到执行 ready() 方法时,通过查看 isReady值是否被设置,如果未被设置,那么就说 明页面未加载完成,在此情况下,将未完成的部分用一个数组缓存 起来,当全部加载完成后,再将未完成的部分通过缓存一—执行
页面载入事件 页面载入事件 jQuery的页面载入事件ready()方法类似于传统的JavaScript的 onLoad()方法。只是在执行时间上有区别。 onLoad()方法必须是页面中的全部元素完全加载到浏览器后才触发。 如果用ready()方法加载页面,则只要页面的DOM模型加载完毕, 就会触发ready()方法。 ready()的工作原理:在jQuery脚本加载到页面时,会设置一个 isReady的标记,用于监听页面加载的进度,当然遇到执行ready() 方法时,通过查看isReady值是否被设置,如果未被设置,那么就说 明页面未加载完成,在此情况下,将未完成的部分用一个数组缓存 起来,当全部加载完成后,再将未完成的部分通过缓存一一执行
页面载入事件 页面载入事件 在前面的章节中我们简单的介绍了 jQuery中的页面载入事件 ready c 方法,除了简化的$( function0})方法外, ready方法还有以下 几种不同的写法,但它们执行的效果是一样的。 $( document). ready( function o/代码部分}); $( function(/代码部分}) jQuery( document). ready( function0{/代码部分}) jQuery( function0仇代码部分});
页面载入事件 页面载入事件 在前面的章节中我们简单的介绍了jQuery中的页面载入事件ready() 方法,除了简化的$(function(){})方法外,ready()方法还有以下 几种不同的写法,但它们执行的效果是一样的。 $(document).ready(function(){//代码部分}); $(function(){//代码部分}); jQuery(document).ready(function(){//代码部分}); jQuery(function(){//代码部分});
绑定事件 在进行事件的绑定时,我们在前面使用了. click( function00})绑 定按钮的点击事件,除了这种写法之外,在 jQuery中我们还可以使 用 bind(方法进行事件的绑定, bindo功能是为每个选择元素的事 件绑定处理函数,其语法结构如下所示 bind(type, [data], in) type为一个或多个类型的字符串,如” click”或” change”,也可以 自定义类型:可以被参数type调用的类型包括blur、 focus、 resize、 scroll、 unload、 click、 dbclick、 mousedown、 mouseup mousemove、 mouseover、 mouseout、 mouseenter、 mouseleave、 change、 select、 submit、 keydown、 keypress、 keyup、 error data是作为 event.data属性值传递给事件对象的额外数据对象。 fn是绑定到每个选择元素的事件中的处理函数
绑定事件 在进行事件的绑定时,我们在前面使用了.click(function(){})绑 定按钮的点击事件,除了这种写法之外,在jQuery中我们还可以使 用bind()方法进行事件的绑定,bind()功能是为每个选择元素的事 件绑定处理函数,其语法结构如下所示: bind(type,[data],fn); type为一个或多个类型的字符串,如”click”或”change”,也可以 自定义类型:可以被参数type调用的类型包括blur、focus、resize、 scroll 、 unload 、 click 、 dbclick 、 mousedown 、 mouseup 、 mousemove 、 mouseover 、 mouseout 、 mouseenter 、 mouseleave 、 change、select、submit、keydown、keypress、keyup、error。 data是作为event.data属性值传递给事件对象的额外数据对象。 fn是绑定到每个选择元素的事件中的处理函数