本文实例讲述了jQuery中triggerHandler()方法用法。分享给大家供大家参考。具体分析如下: 此方法触发被选元素的指定事件类型。 从上面定义可以看出此方法和trigger()方法功能上很类似,但还是有巨大区别。以下是主要区别: 1.此方法不会触发浏览器默认事件。 2.此方法触发jQuery对象集合中第一个元素的事件处理函数,不会产生事件冒泡。 3.此方法的返回的是事件处理函数的返回值,而不是据有可链性的jQuery对象。 语法结构:代码如下...
本文实例讲述了jQuery中live()方法用法。分享给大家供大家参考。具体分析如下: 此方法为匹配元素添加一个或多个事件,并规定当这些事件发生时运行的函数。 特别说明:jQuery1.9已经删除此方法。 语法结构:代码如下:$(selector).live(type,data,function) 参数列表:参数描述type定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。data可选。定义传递到事件处理函数的额外数据。function定义当事件发生时运行的函数。 实例...
本文实例讲述了jQuery中delegate()方法用法。分享给大家供大家参考。具体分析如下: 此方法为匹配元素的子元素添加一个或多个事件,并规定当这些事件发生时运行的函数。 语法结构:代码如下:$(selector).delegate(childofselector,type,data,function) 参数列表:参数描述childofselector定义要附加事件处理程序的一个或多个子元素。type可选。定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。data定义传递到事件处理函数...
本文实例讲述了jQuery中on()方法用法。分享给大家供大家参考。具体分析如下: 此方法可以在匹配元素上绑定一个或者多个事件处理函数。 使用off()方法可以删除on()方法绑定的事件。 语法结构一:代码如下:$(selector).on(events,[selector],[data],fn) 参数列表:参数描述events一个或多个用空格分隔的事件类型和可选的命名空间。selector可选。一个选择器字符串,用以过滤选定的元素,该选择器的后裔元素将调用处理程序。如果选择是空...
本文实例讲述了javascript正则表达式之search()用法。分享给大家供大家参考。 具体实例代码如下:代码如下: <html> <head> <title>javascript正则表达式之search()实例</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript"> $(function(){ $("button").click(function(){ var str = $("p")....
本文实例讲述了jQuery中bind()方法用法。分享给大家供大家参考。具体分析如下: 此方法为匹配元素的特定事件绑定事件处理方法。 在语法上bind()方法和one()方法是一样的,它们的不同在于绑定的处理方法的执行次数。 语法结构一:代码如下:$(selector).bind(type,data,function) 参数列表:参数描述type定义绑定到匹配元素中的事件类型。如果有多个事件使用空格分隔。data可选。传递给事件对象的额外数据对象。function定义当事件发生...
本文实例讲述了jQuery中ready事件用法。分享给大家供大家参考。具体分析如下: 此事件会在文档加载就绪以后触发,也就是当DOM对象已经加载,并且网页内容全部呈现时候触发。 ready()方法可以为ready事件绑定事件处理方法,并且此方法的选择器是唯一的,那就是document对象。 语法形式有三种,后两种是第一种的简写。 语法结构: 语法一:代码如下:$(document).ready(function) 语法二:代码如下:$().ready(function) 语法三:代码如...
本文实例讲述了jQuery中offsetParent()方法用法。分享给大家供大家参考。具体分析如下: 此方法可以返回匹配元素所有祖先元素中第一个采用定位的祖先元素。 所谓采用定位的父元素就是施加position:relative或者position:absolute(fixed)的元素。 此方法仅对可见元素有效。 语法结构:代码如下:$(selector).offsetParent() 代码实例:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" conte...
本文实例讲述了jQuery使用之标记元素属性用法。分享给大家供大家参考。具体分析如下: 这里介绍jQuery的使用主要包括jQuery如何控制页面,包含元素的属性、css样式风格、DOM模型、表单元素和事件处理等。 标记元素的属性 html中每一个标记都具有一些属性,他们这个标记在页面中呈现各种状态,例如下面的<a>标记代码如下:<a herf="http://www.baidu.com" title="isaac" target="_blank" id="linkisaac"> 该标记<a>表示标记的名称,为...
本文实例讲述了jQuery应用之jQuery链用法。分享给大家供大家参考。具体分析如下: 很多时候我们可以将jQuery语句链接在一起,这不仅可以缩短代码长度,而且很多时候可以实现特殊的效果。先看如下代码:代码如下:<script type="text/javascript"> $(function() { $("div").addClass("css1").filter(function(index) { return index == 1 || $(this).attr("id") == "fourth"; }).addClass("css2"); }); </script> 以上...
本文实例讲述了jQuery中replaceAll()方法用法。分享给大家供大家参考。具体分析如下: 此方法用匹配元素去替换指定的内容。 replaceAll()方法的作用和replaceWith()方法是完全一样的。 语法结构:代码如下:$(content).replaceAll(selector) 参数列表:参数描述content用于替换的内容。selector用于查找所要被替换的元素 实例实例:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//w...
本文实例讲述了jQuery中empty()方法用法。分享给大家供大家参考。具体分析如下: 此方法能够将匹配元素中的所有内容移除,包括所有文本和子节点。 语法结构: 代码如下:$(selector).empty() 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <style type="text/css"> div{ height:200px; width:200px; border:1px sol...
本文实例讲述了jQuery中clone()方法用法。分享给大家供大家参考。具体分析如下: 此方法克隆匹配的DOM元素并且选中这些克隆的副本以及其所有的事件处理。 语法结构:代码如下:$(selector).clone(Events,deepEvents) 参数列表:参数描述Events可选。布尔值,用来规定事件处理函数是否被复制。默认为false。true-复制元素的所有事件处理。false-不复制元素的事件处理。deepEvents可选。布尔值,用来规定是否对事件处理程序和克隆的元素...
本文实例讲述了jQuery中innerHeight()方法用法。分享给大家供大家参考。具体分析如下: 获取第一个匹配元素内部区域高度。 包括内补白(padding)、不包括边框border)。 也就是说内部区域的宽度等于width和padding之和。 此方法对可见和隐藏元素均有效。 可以结合innerWidth()方法学习。 语法结构:代码如下:$(selector).innerHeight() 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author"...
本文实例讲述了jQuery中offset()方法用法。分享给大家供大家参考。具体分析如下: 此方法返回或设置所匹配元素相对于document对象的偏移量。 语法结构一:代码如下:$(selector).offset() 获取匹配元素在当前document的相对偏移。 返回的对象包含两个整型属:top和left。 此方法只对可见元素有效。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <t...