【JQuery的事件处理、Jason】的更多相关文章

jQuery系列 第六章 jQuery框架事件处理

第六章 jQuery框架事件处理 JavaScript以事件驱动来实现页面的交互,其核心是以消息为基础,以事件来驱动.虽然利用传统的JavaScript事件处理方式也能够完成页面交互,但jQuery框架增加并扩展了基本的事件处理机制,jQuery框架提供了更加优雅的事件处理语法,并极大的增强了事件处理能力. 6.1 事件处理简单说明 jQuery框架在JavaScript的基础上进一步封装了不同类型的事件模型,形成了一套更强大和优雅的“jQuery事件模型”. jQuery中的事件模型表现出以下…

JQuery的事件处理、Jason

事件的处理: <body> <div id="aa" style="width:100px; height:100px; background-color:#F93">hello</div> <input type="text" id="bd" /> <input type="button" id="btn1" value="…

jQuery的事件处理

一.页面加载响应事件 $(document).ready()方法,获取文档就绪的时候.他极大地提高了Web相应速度.虽然该方法可以代替传统的window.onload()方法,但是两者之间仍然有差别. (1)在页面中可以无限制次数的使用$(document).ready()方法,各个方法之间不会冲突,会按照代码的顺序依次执行.但是一个页面中只能有一个window.onload()方法. (2)在一个文档完全下载到浏览器时(包括有关联的文件.图片等),就会相应window.onload()方法.而…

jQuery的事件处理方法

.on()方法用来处理事件 $("li").on("click",function(){ $(this).addClass("complete") }) .on()方法处理的最常用的一些事件如下表所示.为了方便开发人员,jquery同样会添加一些额外的事件,比如ready事件,在当前页面准备好之后触发. 用户界面 focus.blur.change 键盘 input.keydown.keyup.keypress 鼠标 click.dbclick.…

jQuery基础事件处理

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…

jQuery基础--事件处理

2. jQuery事件机制 JavaScript中已经学习过了事件,但是jQuery对JavaScript事件进行了封装,增加并扩展了事件处理机制.jQuery不仅提供了更加优雅的事件处理语法,而且极大的增强了事件的处理能力. 2.1. jQuery事件发展历程(了解) 简单事件绑定>>bind事件绑定>>delegate事件绑定>>on事件绑定(推荐) 简单事件注册 click(handler) 单击事件 mouseenter(handler) 鼠标进入事件 mous…

JQuery之事件处理

JQuery不支持捕获模型 冒泡模型解析 <body> <div> <input id="bntShow" type="button" value="点击" class="bnt"/> </div> <div class="classShow"> </div> </body> var i = ; $("body,d…

Jquery动态绑定事件处理函数 bind / on / delegate

1.bind方法绑定的事件处理函数不会应用到后来添加到DOM中的新元素.比如你在用bind给页面元素绑定事件之后,又新添加了一些与之前绑定过事件的元素一样的DOM元素,但是这些事件并不能在新的DOM元素上有体现. 如: $(document).ready(function(){ $("img").bind({ mouseenter:function(){ $(this).css("border","thick solid red"); }, mo…

使用AmplifyJS和JQuery编写更好更优雅的javascript事件处理代码

事件(或消息)是一种经常使用的软件设计模式.可以减少消息处理者和消息公布者的之间的耦合,比方J2EE里面的JMS规范.设计模式中的观察者模式(也叫公布/订阅模式).这对于javascript代码相同适用.之前写的JQuery相关博客中.具体介绍了JQuery的事件处理机制和特性,具体可以參考这个文件夹下的文章. JQuery事件处理事实上就是使用了公布/订阅模式,包含它提供的命名空间机制.自己定义事件都非常的棒,可是JQuery事件处理有一个缺陷:JQuery事件都是和DOM元素相关的,可是非常…

jquery事件之事件处理函数

一.事件处理 方法名 说明 语法 (events 事件类型,data数据,handler 事件处理函数,selector 选择器) Bind( 为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数.没用on关键字 jQueryObject.bind( events [, data ], handler ) One 为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数.只绑定一次 jQueryObject.one( events [, data ], handler …

DOM操作标签，事件绑定，jQuery框架

DOM操作标签 ''' 在起变量名的时候 如果该变量指向的是一个标签 那么建议使用 xxxEle eg:aEle\pEle\divEle\spanEle ''' 基本使用 动态创建一个标签 var 变量名 = document.createElement('标签(a,p,div....)') 例如: var aEle = doucument.createElement('a') 创建一个a标签 <a></a> 还可以给我们创建的a标签设置属性: aEle.href = 'www.b…

解决上一篇jquery中on的疑惑

内容都是来自:http://www.365mini.com/page/jquery-on.htm.这里做一下收藏.文章的最后  疑问和解答可以解决所有的疑惑  看了之后能更好的整篇文章. on()函数用于为指定元素的一个或多个事件绑定事件处理函数. 此外,你还可以额外传递给事件处理函数一些所需的数据. 从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind(). delegate(). live()等事件函数. on()支持直接在目标元素上绑定事…

解密jQuery事件核心 - 绑定设计（一）

说起jQuery的事件,不得不提一下Dean Edwards大神 addEvent库,很多流行的类库的基本思想从他那儿借来的 jQuery的事件处理机制吸取了JavaScript专家Dean Edwards编写的事件处理函数的精华,使得jQuery处理事件绑定的时候相当的可靠. 在预留退路(graceful degradation),循序渐进以及非入侵式编程思想方面,jQuery也做的非常不错 事件的流程图 总的来说对于JQuery的事件绑定 在绑定的时候做了包装处理 在执行的时候有过滤器处理…

JS和JQuery的总结

JS部分 一,  词法结构 区分大小 注意://单行  /*多行注释*/ 字面量(直接量literal) 12 // 数字 5.8//小数 "hello" 'hello' true /js/gi  //正则 null    //空 {x:1,y:2} [1,2,3,4] 标示符(变量)和保留字 分号可以省略但是可能会产生问题,js会自动补 var y = x+f (a+b).toString() 等价于 var y = x+f(a+b).toString(); 二.类型.值和变量 1.…

jQuery的13个优点

1.轻量级 JQuery非常轻巧,采用Dean Edwards编写的Packer压缩后,大小不到30KB,如果使用Min版并且在服务器端启用Gzip压缩后,大小只有18KB. gzip: 每天一个linux命令(32):gzip 减少文件大小有两个明显的好处,一是可以减少存储空间,二是通过网络传输文件时,可以减少传输的时间.gzip是在Linux系统中经常使用的一个对文件进行压缩和解压缩的命令,既方便又好用.gzip不仅可以用来压缩大的.较少使用的文件以节省磁盘空间,还可以和tar命令一起构成L…

jquery 源码解析 节点遍历

jquery遍历,用于根据其相对于其他元素的关系来查找或选取html元素,以某项选择开始,并沿着这个选择移动,知道移动被称为对dom进行遍历 ☑ <div> 元素是 <ul> 的父元素,同时是其中所有内容的祖先. ☑ <ul> 元素是 <li> 元素的父元素,同时是 <div> 的子元素 ☑ 左边的 <li> 元素是 <span> 的父元素,<ul> 的子元素,同时是 <div> 的后代. ☑ &l…

jQuery是什么？

jQuery就是javascript的一个库,把我们常用的一些功能进行了封装,方便我们来调用,提高我们的开发效率. 极大地简化了 JavaScript 编程. Javascipt跟jQuery的区别: Javascript是一门编程语言,我们用它来编写客户端浏览器脚本. jQuery是javascript的一个库,包含多个可重用的函数,用来辅助我们简化javascript开发 jQuery能做的javascipt都能做到,而javascript能做的事情,jQuery不一定能做到.  www.g…

Jquery的优势

(1)轻量级.jQuery非常轻巧,采用Dean Edwards的Packer(http://dean.edwards.name/packer/)压缩后,只有不到30KB的大小,如果服务器端启用gzip压缩后,甚至只有16KB的大小!(2)强大的选择器.jQuery可以让操作者使用从CSS 1到CSS 3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器.如果你需要,还可以加入插件使其支持XPath选择器!下一章我们将为你详细讲解jQuery中强大的选择器.(3)出色的DOM操作的封装.…

对于JQuery的一些见解

jQuery是什么?(了解)  www.github.com jQuery 其实就是一堆的js函数,是普通的js,只不过应用广泛,形成了行业标准. 参考书:锋利的jQuery 学习参考:http://www.w3school.com.cn/jquery/ 官网:http://jquery.com/   2. jQuery的重点 2.1 jQuery入口函数(全球都会) 2.2 jQuery的选择器(其实就是CSS的选择器) 2.3 jQuery的Dom操作 2.4 jQuery的样式操作 2.5…

JS和JQuery总结

目录目录    2js部分一.词法结构    1.区分大小写    2.注意   // 单行      /*  多行注释  */    3.字面量(直接量  literal)        12  //数字        5.8 // 小数        "hello"          'hello'        true        /js/gi  //正则        null    //空        {x:1,y:2}        [1,2,3,4]    4.标示…

JQuery面试题答案

jQuery面试题答案 转自:http://blog.csdn.net/zhangpei_xf/article/details/8822021 一.Jquery测试题 下面哪种不是jquery的选择器?(单选)A.基本选择器 B.后代选择器 C.类选择器 D.进一步选择器考点:jquery的选择器 (C) 当DOM加载完成后要执行的函数,下面哪个是正确的?(单选)jQuery(expression, [context]) B.jQuery(html, [ownerDocument]) C.jQu…

jQuery.bind() 函数详解

bind()函数用于为每个匹配元素的一个或多个事件绑定事件处理函数. 此外,你还可以额外传递给事件处理函数一些所需的数据. 执行bind()时,事件处理函数会绑定到每个匹配元素上.因此你使用bind()所有button元素绑定了click事件,是为当时文档中存在的每个button元素绑定click事件.如果之后你向文档中添加了新的button元素,绑定事件不会对其生效.如果你希望绑定事件对未来新添加的元素也生效,请使用on().delegate().live()等事件函数(尽量优先使用靠前的事件…

[jQuery学习系列四 ]4-Jquery学习四-事件操作

前言:今天看知乎偶然看到中国有哪些类似于TED的节目, 回答中的一些推荐我给记录下来了, 顺便也在这里贴一下: 一席 云集 听道 推酷 青年中国说 SELF格致论道 参考:http://www.365mini.com/page/tag/jquery-event-methods 1,readyready()函数用于在当前文档结构载入完毕后立即执行指定的函数.该函数的作用相当于window.onload事件. 2,blindbind()函数用于为每个匹配元素的一个或多个事件绑定事件处理函数.举例:…

jquery之 on()方法

原文地址:http://www.365mini.com/page/jquery-on.htm on()函数用于为指定元素的一个或多个事件绑定事件处理函数. 此外,你还可以额外传递给事件处理函数一些所需的数据. 从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind(). delegate(). live()等事件函数. on()支持直接在目标元素上绑定事件,也支持在目标元素的祖辈元素上委托绑定.在事件委托绑定模式下,即使是执行on()函数之后新添…

jQuery 实验教程

jQuery 实验教程 jQuery 简介.语法及事件处理 jQuery 以其特有的简练的代码风格,极大得改变了 JavaScript 代码编写的方式.本教程以实例代码为基础,讲解 jQuery 的使用方法,并适度剖析 jQuery 的实现原理.并且,本教程提供在线代码编辑器,使您可以在线练习 jQuery 代码的编写.   jQuery 简介:为什么使用 jQuery 用 jQuery 是一个跨浏览器的免费开源 JavaScript 库.其核心设计思想是“写更少的代码,做更多的事情”(Writ…

jquery基础教程读书总结

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

jQuery 快速入门教程

内容目录 jQuery 入门 什么是jQuery 如何使用jQuery jQuery的运行原理 如何选择jQuery版本 ready() 准备就绪时执行代码 jQuery 核心:选取元素 使用jQuery 选择器选取元素,并封装为jQuery对象 将现有的DOM元素封装为jQuery对象 将HTML字符串封装为jQuery对象 元素筛选 jQuery 核心:DOM操作的原则 切记混淆jQuery对象和Element对象的方法 Get and Set in One 原则 Get first Set…

Jquery面试题整合

来自棱镜学院-在线IT教育     www.prismcollege.com 一.Jquery測试题 以下哪种不是jquery的选择器?(单选) A.基本选择器 B.后代选择器 C.类选择器 D.进一步选择器 考点:jquery的选择器 (C) 当DOM载入完毕后要运行的函数,以下哪个是正确的?(单选) jQuery(expression, [context]) B.jQuery(html,[ownerDocument]) C.jQuery(callback) D.jQuery(elements…

jQuery.on() 函数详解

on() 函数用于为指定元素的一个或多个事件绑定事件处理函数. 此外,你还可以额外传递给事件处理函数一些所需的数据. 从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的 bind(). delegate(). live() 等事件函数. 即使是执行 on() 函数之后新添加的元素,只要它符合条件,绑定的事件处理函数也对其有效. 此外,该函数可以为同一元素.同一事件类型绑定多个事件处理函数.触发事件时,jQuery会按照绑定的先后顺序依次执行绑定的事件…

【转】jQuery on()选择器函数

on()函数用于为指定元素的一个或多个事件绑定事件处理函数. 此外,你还可以额外传递给事件处理函数一些所需的数据. 从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind(). delegate(). live()等事件函数. 即使是执行on()函数之后新添加的元素,只要它符合条件,绑定的事件处理函数也对其有效. 此外,该函数可以为同一元素.同一事件类型绑定多个事件处理函数.触发事件时,jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数.…