on()函数用于为指定元素的一个或多个事件绑定事件处理函数。此外,你还可以额外传递给事件处理函数一些所需的数据。从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind()、 delegate()、 live()等事件函数。on()支持直接在目标元素上绑定事件,也支持在目标元素的祖辈元素上委托绑定。在事件委托绑定模式下,即使是执行on()函数之后新添加的元素,只要它符合条件,绑定的事件处理函数也对其...
animate()函数用于执行一个基于css属性的自定义动画。你可以为匹配的元素设置css样式,animate()函数将会执行一个从当前样式到指定的css样式的一个过渡动画。例如:某个div元素的当前高度为100px,将其CSS height属性设为200px,animate()将会执行一个将div元素的高度从100px逐渐增加到200px的过渡动画。该函数属于jQuery对象(实例)。语法jQuery 1.0 新增该函数。animate()函数主要有以下两种形式的用法:用法一:jQueryObject.ani...
jQuery.isFunction()函数用于判断指定参数是否是一个函数。该函数属于全局jQuery对象。语法jQuery 1.2 新增该静态函数。jQuery.isFunction( object )参数参数 描述object 任意类型需要进行判断的任意值。返回值jQuery.isFunction()函数的返回值为Boolean类型,如果指定的参数是JS函数对象,则返回true,否则返回false。示例&说明jQuery.isFunction()函数的jQuery示例代码如下://在当前页面内追加换行标签和指定的HTML内容 functio...
delay()函数用于延迟队列中下一项的执行。delay()可以将队列中等待执行的下一个动画延迟指定的时间后才执行。它常用在队列中的两个jQuery效果函数之间,从而在上一个动画效果执行后延迟下一个动画效果的执行时间。如果下一项不是效果动画,则它不会被加入效果队列中,因此该函数不会对它进行延迟调用。该函数属于jQuery对象(实例)。语法jQuery 1.4 新增该函数。jQueryObject.delay( duration [, queueName ] )参数参数 描述duratio...
jQuery 中的 unbind() 方法是 bind() 方法的反向操作,从每一个匹配的元素中删除绑定的事件。语法结构:unbind([type][, data]);type是事件类型,data为将要移除的事件。具体说明如下:1、如果没有参数,则删除所有的绑定事件;2、如果提供了事件类型(type)作为参数,则只删除该类型的绑定事件;3、如果把在绑定时传递的处理函数作为第2个参数,则只有这个特定的事件处理函数被删除。请看下面的举例:<script src="http://www.game...
这篇文章主要介绍了jQuery中队列queue()函数的实例教程,queue()函数为JavaScript函数的执行顺序控制操作提供了便利,需要的朋友可以参考下如果当前jQuery对象匹配多个元素:获取队列时,只获取第一个匹配元素上的队列;设置队列(替换队列、追加函数)时,则为每个匹配元素都分别进行设置。该函数属于jQuery对象(实例)。如果需要移除并执行队列中的第一个函数,请使用dequeue()函数。你也可以使用clearQueue()函数清空指定的队列。语法...
在jQuery对象中只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法 。换句话说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实 现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQue...
jquery.mustache是用jQuery做了一层封装,提供了以下几个方法,让模板使用更便捷。1,添加模板的三种方式add,addFromDomaddFromString可以直接添加模板,无论是作为字符串文字或引用其他的DOM元素(1)template 是字符串直接量//add仅仅是把template添加到当前页面,注意并没有渲染 $.Mustache.add(string-template, <p>Hi, {{name}}, this is an inline template<p>);(2)引用DOM元素 addFromDom// 两者是相同的,后者有更简洁的...
在项目中有时候会用到图片的延迟加载,那么延迟加载的好处是啥呢?我觉得主要包括两点吧,第一是在包含很多大图片长页面中延迟加载图片可以加快页面加载速度;第二是帮助降低服务器负担。下面介绍一下常用的延迟加载插件jquery.lazyload.js以及怎样实现一个延迟加载的插件。一:jquery.lazyload.js插件lazyload是jQuery写的延迟加载插件,在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载...
DOM的滚动DOM规范中并没有规定各浏览器需要实现怎样的滚动页面区域,各浏览器实现了相应的方法,可以使用不同的方式控制页面区域的滚动。这些方法作为HTMLElement类型的扩展存在,所以它能在所有元素上使用。1、scrollIntoView(alignWithTop) 滚动浏览器窗口或容器元素,以便在当前视窗的可见范围看见当前元素。如果alignWithTop为true,或者省略它,窗口会尽可能滚动到自身顶部与元素顶部平齐。-------目前各浏览器均支持2、scro...
Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素,功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。两个方法使用差不多的语法,都是接收一个字符串参数,这个参数需要是合法的CSS选择语法。element = document.querySelector(selectors);elementList = document.querySelectorAll(selectors);其中参数selectors 可以包含多个CSS选择器,用逗号隔开...
each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实 现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话 说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内 部的子元素进行逐个调用。下面提一下each的...
这篇文章主要介绍了JavaScript数据结构之二叉查找树的定义与表示方法,简单讲述了二叉查找树的概念、特点及javascript针对二叉查找树的创建、插入、遍历等操作相关实现技巧,需要的朋友可以参考下本文实例讲述了JavaScript数据结构之二叉查找树的定义与表示方法。分享给大家供大家参考,具体如下:树是一种非线性的数据结构,以分层的方式存储数据。树被用来存储具有层级关系的数据,比如文件系统中的文件;树还被用来存储有序列表。...
本篇文章主要介绍了js中定时器的使用方法。需要的朋友可以过来参考下,希望对大家有所帮助在javascritp中,有两个关于定时器的专用函数,分别为:1.倒计定时器:timename=setTimeout("function();",delaytime);2.循环定时器:timename=setInterval("function();",delaytime);第一个参数“function()”是定时器触发时要执行的动作,可以是一个函数,也可以是几个函数,函数间用“;”隔开即可。比如要弹出两个警告窗口,便可将“fun...
setInterval() 定义和用法setInterval() 方法可按照指定的周期(以毫秒计)来执行函数或表达式。该方法会不停地循环调用函数,直到使用 clearInterval() 明确停止该函数或窗口被关闭。clearInterval() 函数的参数即 setInterval() 返回的 ID 值。语法setInterval(code,millisec[,"lang"])code 必需。要调用的函数或要执行的代码串。millisec 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。返回值一个可以传递给 Window.c...