这篇文章主要介绍了jQuery如何使用自动触发事件trigger，需要的朋友可以参考下有时候，需要通过模拟用户操作，来达到点击的效果，例如用户进入页面后 就触发click事件，而无需主动点击。比如以下代码：<body><a href="#" onclick="javascript:document.getElementById(d).innerHTML=x1">点击1</a><a href="#" onclick="javascript:document.getElementById(d).innerHTML=x2">点击2</a><a href="#" onclick="javascript:document.ge...
最近看一些关于jquery ready 有人说他缓慢，有人说他快，说法不一。 于是自己深入研究一下。首先看了一下jquery 文档 关于ready 的描述While JavaScript provides the load event for executing code when a page is rendered, this event does not get triggered until all assets such as images have been completely received. In most cases, the script can be run as soon as the DOM hierarchy has been fully constructed...
on()函数用于为指定元素的一个或多个事件绑定事件处理函数。此外，你还可以额外传递给事件处理函数一些所需的数据。从jQuery 1.7开始，on()函数提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、 delegate()、 live()等事件函数。on()支持直接在目标元素上绑定事件，也支持在目标元素的祖辈元素上委托绑定。在事件委托绑定模式下，即使是执行on()函数之后新添加的元素，只要它符合条件，绑定的事件处理函数也对其...
这篇文章主要介绍了jQuery中on()方法用法,实例分析了on()方法的功能、定义及在匹配元素上绑定一个或者多个事件处理函数的使用技巧,需要的朋友可以参考下本文实例讲述了jQuery中on()方法用法。分享给大家供大家参考。具体分析如下：此方法可以在匹配元素上绑定一个或者多个事件处理函数。使用off()方法可以删除on()方法绑定的事件。语法结构一:代码如下:$(selector).on(events,[selector],[data],fn)参数列表:参数描述events一个或多...
ready()函数用于在当前文档结构载入完毕后立即执行指定的函数。该函数的作用相当于window.onload事件。你可以多次调用该函数，从而绑定多个函数，jQuery将在DOM文档结构加载完毕后按照绑定顺序立即执行这些函数。请注意：请不要在一个页面同时使用ready()函数和<body>元素的onload事件绑定函数，因为它们之间并不完全兼容。如果你必须使用load，那么请不要使用jQuery的ready()和load()来为window或更多指定项(例如图片)添加load事件...
wrapInner()函数用于在每个匹配元素的所有子节点外部包裹指定的HTML结构。这里的所有子节点包括文本节点、注释节点等任意类型的节点。该函数属于jQuery对象(实例)。语法jQuery 1.2 新增该函数。jQueryObject.wrapInner( wrapper )参数参数 描述wrapper String/Element/jQuery/Function类型用于包裹匹配元素的节点。如果参数wrapper为字符串，则将其视作jQuery选择器或html字符串，jQuery会自行判断。jQuery 1.4 新增支持：参数wrap...
jQuery1.7中 .delegate()已被.on()取代，下面以示例的方式为大家介绍下jQuery中delegate与on的用法与区别，感兴趣的朋友可以参考下在jQuery1.7中 .delegate()已被.on()取代。对于早期版本，它仍然使用事件委托的最有效手段。 在事件绑定和委派，delegate()和on在一般情况下，这两种方法是等效的。 .delegate() 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。 代码如下:// jQuer...
这篇文章主要介绍了jQuery中wrapInner()方法用法,实例分析了wrapInner()方法的功能、定义及包裹匹配元素的使用技巧,需要的朋友可以参考下本文实例讲述了jQuery中wrapInner()方法用法。分享给大家供大家参考。具体分析如下：此方法使用指定的HTML内容或元素将匹配的元素内容包裹起来。语法一:用指定的DOM元素去包裹匹配元素的内容。代码如下:$(selector).wrapInner(elem)参数列表:参数描述elem用于包裹目标的DOM元素。实例:代码如下...
off()函数用于移除元素上绑定的一个或多个事件的事件处理函数。off()函数主要用于解除由on()函数绑定的事件处理函数。该函数属于jQuery对象(实例)。语法jQuery 1.7 新增该函数。其主要有以下两种形式的用法：用法一：jQueryObject.off( [ events [, selector ] [, handler ] ] )用法二：jQueryObject.off( eventsMap [, selector ] )参数参数 描述events 可选/String类型一个或多个用空格分隔的事件类型和可选的命名空间，例如"cli...
detach()函数用于从文档中移除匹配的元素。你还可以使用选择器进一步缩小移除的范围，只移除当前匹配元素中符合指定选择器的部分元素。与remove()相比，detach()函数不会移除与元素关联绑定的附加数据( data()函数 )和事件处理器等(remove()会移除)。该函数属于jQuery对象(实例)。语法jQueryObject.detach( [ selector ] )参数参数 描述selector 可选/String类型指定的选择器字符串，用于筛选符合该选择器的元素。如果没有指定sele...
<span style="font-size:18px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="jquery-1.4.3.js" type="text/javascript"></script><script> $(document).ready(function(){$("button").click(function(){ $(this).clone(true).insertAfter(this); });}); </script></head> <body> <button>Clone Me!</button> </body> </html></span>（...
这篇文章主要介绍了jQuery中clone()方法用法,实例分析了clone()方法的功能、定义及克隆匹配的DOM元素的使用技巧,需要的朋友可以参考下本文实例讲述了jQuery中clone()方法用法。分享给大家供大家参考。具体分析如下：此方法克隆匹配的DOM元素并且选中这些克隆的副本以及其所有的事件处理。语法结构:代码如下:$(selector).clone(Events，deepEvents)参数列表:参数描述Events可选。布尔值，用来规定事件处理函数是否被复制。默认为fal...
bind()函数用于为每个匹配元素的一个或多个事件绑定事件处理函数。此外，你还可以额外传递给事件处理函数一些所需的数据。执行bind()时，事件处理函数会绑定到每个匹配元素上。因此你使用bind()所有button元素绑定了click事件，是为当时文档中存在的每个button元素绑定click事件。如果之后你向文档中添加了新的button元素，绑定事件不会对其生效。如果你希望绑定事件对未来新添加的元素也生效，请使用on()、delegate()、live()等事...
这篇文章主要介绍了jQuery中replaceWith()方法用法,以实例形式分析了replaceWith()方法用于匹配元素替换的技巧,具有一定的参考借鉴价值,需要的朋友可以参考下本文实例讲述了jQuery中replaceWith()方法用法。分享给大家供大家参考。具体分析如下：此方法将所有匹配的元素替换成指定的HTML或DOM元素。需要注意的是此方法是追加内容，也就是原来的内容还在。特别说明:HTML内容就是内容中可以包含HTML标签，并且能够被浏览器渲染。文本...
这篇文章主要介绍了jQuery替换节点的方法,结合简单实例形式分析了jQuery使用replaceWith方法替换P标签显示内容的相关实现技巧,需要的朋友可以参考下本文实例讲述了jQuery替换节点的方法。分享给大家供大家参考，具体如下：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="text/javascript"></script> <script type="text/java...