jQuery基础教程第3章

window.onload事件与 $(document).ready()事件处理程序的区别

  1、触发操作的时间不同。window.onload事件在文档完全下载到浏览器时,才会触发。$(document).ready()事件处理程序在DOM完全就绪并可以使用时调用,所有关联的文件不一定都下载完毕。

  2、执行多个脚本。window.onload事件只能执行一个脚本,最后指定的函数会代替之前所指定的函数。 $(document).ready()事件处理程序可以执行多个脚本,每次被调用,都会向内部的行为队列中添加一个新函数,所有函数在页面加载完成后都会被执行,并按照注册它们的顺序依次执行。

多个库引起的名称冲突

  解决方法:1、调用jQuery.noConflict()方法

        

1 <script src=“prototype.js”></script>
2 <script src="jQuery.js"></script>
3 <script>
4 jQuery.noConflict();
5 </script>
6 <script src="myscript.js"></script>

       2、向.ready()方法传递的回调函数接收$为参数。

jQuery(document).ready(function($){
    //在这里,可以正常使用
});
或者简写语法:
jQuery(function($){
    //正常使用
});

3.3.1事件的旅程

  事件捕获:允许多个元素响应单击事件的一种策略,事件首先会交给最外层的元素,接着再交给更具体的元素。

  事件冒泡:与事件捕获相反的,即当事件发生时,会首先发送给最具体的元素,在这个元素获得响应机会之后,事件会向上冒泡到更一般的元素。

  DOM标准规定同时使用这两种策略:首先,事件要从一般元素到具体元素逐层捕获,然后,事件再通过冒泡返回DOM树的顶层。

  1、阻止事件冒泡。通过事件对象。事件对象会在元素获得处理事件的机会时传递给被调用的事件处理程序,包含与事件有关的信息,也提供影响事件在DOM中传递进程的一些方法。如事件目标:event.target(),停止事件传播:stopPropagation()。

  2、阻止默认操作。.preventDefault()方法。

  3、同时停止事件传播和默认操作。在事件处理程序中返回false。

时间: 2024-10-26 07:05:54

jQuery基础教程第3章的相关文章

jQuery基础教程-第8章-002Adding jQuery object methods

一.Object method context 1.We have seen that adding global functions requires extending the jQuery object with new methods. Adding instance methods is similar, but we instead extend the jQuery.fn object(The jQuery.fn object is an alias to jQuery.proto

jQuery基础教程-第8章-003Providing flexible method parameters

一.The options object 1.增加阴影效果 1 (function($) { 2 $.fn.shadow = function() { 3 return this.each(function() { 4 var $originalElement = $(this); 5 for (var i = 0; i < 5; i++) { 6 $originalElement 7 .clone() 8 .css({ 9 position: 'absolute', 10 left: $ori

jQuery基础教程-第8章-004完整代码

1. 1 /****************************************************************************** 2 Our plugin code comes first in this document. Normally, plugins would 3 appear in separate files named jquery.plugin-name.js, but for our examples 4 it's convenien

jQuery基础教程第3章(增加)

3.2 处理简单的事件 3.2.1 简单的样式转换器 .on()方法,可以指定任何DOM事件,并为该事件添加一种行为. .removeClass()方法,可以为指定元素删除类. .addClass()方法,添加类. 3.2.3 利用事件处理程序的上下文 利用$()函数可以将DOM元素作为参数,而this关键字可以作为参数. 3种jQuery特性:1.在通过对.on()的一次调用为每个按钮都绑定相同的单击事件处理程序时,隐式迭代机制再次发挥了作用. 2.行为队列机制使得可以在同一个单击事件上绑定了

jquery基础教程 - 第一章 JQUERY入门

Jquery基础教程 - 第一章 JQUERY入门 内容提要 1.jquery能做什么 2.jquery为什么如此出色 3.第一个jquery驱动的页面 4.纯javascript与jquery 5.开发工具 6.小结 1.jquery能做什么 取得文档中的元素 -- jQuery为准确的获得需要检查或操纵的文档元素,提供了可靠而富有效率的选择符机制. 找到所有应用了.content class样式的div中所有的P标签             $('div.content').find('p'

Ajax本地跨域问题 Cross origin requests are only supported for HTTP(针对jQuery基础教程第四版第六章)

出现的问题: 解决的步骤: 谷歌浏览器出现的效果: 针对jQuery基础教程(第四版),第六章  成功: 原文地址:https://www.cnblogs.com/qinghui258/p/8432569.html

《jQuery基础教程》读书笔记

最近在看<jQuery基础教程>这本书,做了点读书笔记以备回顾,不定期更新. 第一章第二章比较基础,就此略过了... 第三章 事件 jQuery中$(document).ready()与javascript原生的window.onload()区别: $(document).ready():通过该方法注册的事件处理程序,会在DOM完全就绪并使用时调用.虽然这意味着所有元素对脚本而言都是可访问的,但是,却不意味着所有关联的文件都下载完毕.当HTML下载 完成并解析成DOM树之后,代码就可以开始运行

【jquery基础教程】jquery事件及操作大汇总

在学习Javascript语言中,有一个优秀的Javascript库是大家都会遇到的--jquery,今天小编汇总了jquery事件及操作,现在一起来看看jquery基础教程吧! 事件 bind()        向匹配元素附加一个或更多事件处理器 blur( )        触发.或将函数绑定到指定元素的 blur 事件 change()        触发.或将函数绑定到指定元素的 change 事件 click()        触发.或将函数绑定到指定元素的 click 事件 dblc

jquery基础教程学习笔记一

最近静下心来看书才深刻的体会到:看书真的很重要,只有看书才能让你有心思静下心来思考. 重温<jquery基础教程> 一.事件 主要掌握常见的事件以及理解jquery的事件处理机制. 需要注意的有: 1.事件传播,包括了事件捕获和事件冒泡,以及怎么消除事件传播的影响,以及应用事件传播. 主要的方法有:a.根据事件目标来确定操作,即event.target b.阻止事件传播,即event.stopPapogation c.理解默认事件和jquery事件的区别还有阻止默认事件,即preventDef