Welcome 微信登录

首页 / 脚本样式 / JavaScript

JQuery入门——用one（）方法绑定事件处理函数（仅触发一次）

JQuery入门——用one（）方法绑定事件处理函数（仅触发一次）

2017年02月06日 20 阅读
1、one（）方法功能是为所选的元素绑定一个仅触发一次的处理函数，其调用的语法格式为：one（type, [data], fn）其中参数type为事件类型，即需要触发什么类型的事件；参数data为可选参数，表示作为event.data属性值传递给事件对象的额外数据对象；fn为绑定事件时所要触发的函数。2、示例代码：复制代码 代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//...
JQuery入门——事件切换之hover（）方法应用介绍

JQuery入门——事件切换之hover（）方法应用介绍

2017年02月06日 20 阅读
1、在JQuery中，有两个方法用于事件的切换，一个方法是hover（），另一个是toggle（）。所谓切换事件，即有两个以上的事件绑定于一个元素，在元素的行为动作间进行切换。如一个超级链接标记<a>若想实现当鼠标悬停时触发一个事件，鼠标移出时又触发一个事件，可以用切换事件轻松实现。2、示例代码：复制代码 代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...
JQuery入门——用bind方法绑定事件处理函数应用介绍

JQuery入门——用bind方法绑定事件处理函数应用介绍

2017年02月06日 19 阅读
1、bind（）功能是为每个选择元素的事件绑定处理函数，其语法如下：bind（type, [data], fn）其中type为一个或多个类型的字符串，如click或change，也可以自定义；可以被type调用的类型包括blur、focus、load、resize、scroll、unload、click、dbclick、mousedown等事件。参数data是作为event.data属性值传递对象的额外数据对象。参数fn是绑定到每个选择元素的事件中的处理函...
JQurey入门——事件机制之事件中的冒泡现象示例解释

JQurey入门——事件机制之事件中的冒泡现象示例解释

2017年02月06日 20 阅读
1、当用户浏览页面时，浏览器会对页面代码进行解释或编译——这个过程实质上是通过事件来驱动的，即页面在加载时，执行一个Load事件，在这个事件中实现浏览器编译页面代码的过程。事件被触发后被分为两个阶段，一个是捕获（Capture），另一个是冒泡（Bubbing），但大多浏览器并不是都支持捕获阶段，因此事件被触发后，往往执行冒泡过程。2、示例代码：复制代码 代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...
jquery load事件（callback/data）使用方法及注意事项

jquery load事件（callback/data）使用方法及注意事项

2017年02月06日 19 阅读
如果绑定给window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。如果绑定在元素上，则当元素的内容加载完毕后触发。注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$（document）.ready（）里绑定load事件，因为jQuery会在所有DOM加载完成后再绑定load事件。因此，使用load方法时尽量把load方法写在页面顶部。调用load方法的完整格式是：l...
js中top/parent/frame概述及案例应用

js中top/parent/frame概述及案例应用

2017年02月06日 19 阅读
引用方法top： 该变量永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令，就可以用top变量。 parent： 该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口，而在其中一个分割窗口中又包含着分割窗口，则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。 附：Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系 Windwo对象→Parent对象→Frame...
JavaScript去除空格的三种方法（正则/传参函数/trim）

JavaScript去除空格的三种方法（正则/传参函数/trim）

2017年02月06日 15 阅读
方法一: 个人认为最好的方法.采用的是正则表达式,这是最核心的原理. 其次.这个方法使用了JavaScript 的prototype 属性 其实你不使用这个属性一样可以用函数实现.但这样做后用起来比较方便. 下面就来看看这个属性是怎么来用的. 返回对象类型原型的引用。 objectName.prototype objectName 参数是对象的名称。 说明 用 prototype 属性提供对象的类的一组基本功能。对象的新实例“继承”赋予该对象原型的操作。 ...
jquery 选择器引擎sizzle浅析

jquery 选择器引擎sizzle浅析

2017年02月06日 19 阅读
I"m sorry！我用jquery的大概有一年了，只知道$（selector），其内部选择器的流程走向完全不清晰！于是看了jquery的源码，jquery用的选择器的引擎是sizzle，是jquery的作者另一开源项目，在github上面有，号称最快的dom选择器！不到2000行代码。上面说了不是很精彩的开场白，我么来个 for example: $（".test"） 在jquery的流程是怎么走的呢？ 1.首先会做如下的判断 复制代码 代码如下: /*...
利用JQuery动画制作滑动菜单项效果实现步骤及代码

利用JQuery动画制作滑动菜单项效果实现步骤及代码

2017年02月06日 17 阅读
效果：点击第二个菜单项后出现一个向上滑动的动画，控制margin-top底部另一个div中的文字上移从而替换掉原有的文字。原理其实不难无非就是css的控制加之jquery的代码对docemnt中所有li绑定一个hover事件，事件中根据鼠标的状态（无非是移入与移除），使用animate的动画方式使原有的div向上移70px，移出时再将页面效果变回原有的样子。代码如下：复制代码 代码如下:$（function （） { var webNav = { val:...
10个基于浏览器的JavaScript调试工具分享

10个基于浏览器的JavaScript调试工具分享

2017年02月06日 19 阅读
调试Javascript可能是web开发中最让人郁闷的事情。所以这里我们绝定来寻找一些好的工具来帮助大家调试。这里是10款我们精选的基于浏览器的JS在线调试工具，希望大家喜欢！Online Debugging Tools1.PastebinPastebin是一个协作式的调试工具，帮助你在IRC，IM或者消息版上对话来分享和修改代码片段2.JSON Formatter and ValidatorJSON格式化工具用来帮助打来调试JSON。因为JSON数据格式...
jQuery事件绑定.on（）简要概述及应用

jQuery事件绑定.on（）简要概述及应用

2017年02月06日 17 阅读
前几天在看《jquery基础教程》，看到事件委托的时候，关于live（）方法讲的不是很详细，就去搜了一下关于live（）和delegate（）的。然后在一处看到live（）已经被移除了，囧，然后去看了最新的jq源码，果然被移除了，现在是1.9.1版本，不知道live（）是在之前哪个版本被移除的，惭愧啊，之前都没留意。看源码发现bind（）和delegate（）都是由on（）实现的。on（）的描述如下：复制代码 代码如下:.on（ events [, sel...
js nextSibling属性和previousSibling属性概述及使用注意

js nextSibling属性和previousSibling属性概述及使用注意

2017年02月06日 21 阅读
1：nextSibling属性 该属性表示当前节点的下一个节点（其后的节点与当前节点同属一个级别）；如果其后没有与其同级的节点，则返回null。 需要特别注意的是：该属性在不同的浏览器中的执行结果并不都相同，见下面例示： 先来看一个例子： 复制代码 代码如下: <body> <div> <input id="a4" type="button" onclick="alert（this.nextSibling）;" value="...
<< 611 612 613 614 615 616 617 618 619 620 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图