- 浏览: 292534 次
- 性别:
- 来自: 黑龙江
文章分类
- 全部博客 (151)
- 工具配置 (11)
- 前端技巧 (29)
- 分享 (4)
- action (1)
- ORM (2)
- mysql (17)
- html5 (1)
- java EE (1)
- 数据库理论 (5)
- 密码安全 (2)
- maven (7)
- java (14)
- linux (10)
- 电脑知识 (2)
- spring mvc (1)
- apache (2)
- php (2)
- 分布式 (1)
- memcache (2)
- ActiveMQ (1)
- jetty (2)
- foxmail拒信 (1)
- dos (1)
- eclipse (4)
- mybatis (2)
- tomcat (1)
- shell (0)
- Jmeter (3)
- windows (1)
- redis (6)
- StringUtils (1)
- svn (1)
- jsoup (2)
- zookeeper (3)
- log4j (3)
- git (3)
- solr (1)
- elasticsearch (1)
- 佛祖 (1)
- spring boot (2)
- openldap (0)
最新评论
-
boreas_baosj:
绑定多个事件的时候怎么传递参数呢???
jquery中的bind事件,详解,传参 -
sauzny:
usiboy 写道NIO确实可以提高Socket通讯上的效率, ...
Tomcat并发数优化的方法总结 -
usiboy:
NIO确实可以提高Socket通讯上的效率,但对于JVM的调优 ...
Tomcat并发数优化的方法总结
jquery中的bind事件,详解,传参
第一个,关于这句的解释:
$(window).bind('load.jcarousel', function() { windowLoaded = true; });
1. 一次可以绑定多个事件。如:
2. 任何作为type参数的字符串都是合法的;如果一个字符串不是原生的JavaScript事件名,那么这个事件处理函数会绑定到一个自定义事件上。这些自定义事件绝对不会由浏览器触发,但可以通过使用.trigger()或者.triggerHandler()在其他代码中手动触发。
3. 如果type参数的字符串中包含一个点(.)字符,那么这个事件就看做是有命名空间的了。这个点字符就用来分隔事件和他的命名空间。如:
$obj.bind('click.name', handler) 那么字符串中的 click 是事件类型,而字符串 name 就是命名空间。
第二个,传递参数以及一些特殊用法
首先是传递参数:
特殊用法:
使用在submit上的click
还有没看明白的:
还有一些方法可以取消默认行为和阻止事件起泡:preventDefault 和stopPropagation
第一个,关于这句的解释:
$(window).bind('load.jcarousel', function() { windowLoaded = true; });
1. 一次可以绑定多个事件。如:
$('#foo').bind({ click: function() { // do something on click }, mouseenter: function() { // do something on mouseenter } });
2. 任何作为type参数的字符串都是合法的;如果一个字符串不是原生的JavaScript事件名,那么这个事件处理函数会绑定到一个自定义事件上。这些自定义事件绝对不会由浏览器触发,但可以通过使用.trigger()或者.triggerHandler()在其他代码中手动触发。
3. 如果type参数的字符串中包含一个点(.)字符,那么这个事件就看做是有命名空间的了。这个点字符就用来分隔事件和他的命名空间。如:
$obj.bind('click.name', handler) 那么字符串中的 click 是事件类型,而字符串 name 就是命名空间。
第二个,传递参数以及一些特殊用法
首先是传递参数:
1.<script> 2.function showAlert(events){ 3. alert(events.data.foo); 4.} 5.$('#myBtn').bind('click',{foo:'click'},showAlert); 6.</script>
特殊用法:
使用在submit上的click
<script> $('#myBtn').bind('click',function(){ return false; }) </script>
还有没看明白的:
还有一些方法可以取消默认行为和阻止事件起泡:preventDefault 和stopPropagation
1.<script> 2.$('#myBtn').bind('click',function(event){ 3.event.preventDefault();//取消默认的click行为 4.}); 5.$('#myBtn').bind('click',function(event){ 6.event.stopPropagation();//阻止click事件起泡 7.}); 8. 9.</script>
发表评论
-
js中setInterval与setTimeout用法
2014-01-17 10:01 835setTimeout 定义和用法: setTime ... -
uploadify上传文件
2013-07-16 11:15 2352发现网上很多人写的都好像是旧的方法,好像已经过时了… ... -
js 正则验证
2013-01-16 14:25 952/判断输入内容是否为空 function IsNull() ... -
js对字符串的处理,以及验证
2013-01-16 14:06 1168JS自带函数concat将两个或多个字符的文本组合起来,返回一 ... -
Jquery中bind和live的区别
2012-11-28 13:35 3008Jquery中绑定事件有三种方法:以click事件为例 ... -
(MD)正则表达式中的特殊字符
2012-11-01 14:52 1841字符 含意 \ 做为 ... -
jquery ajax的参数详解
2012-10-31 13:00 1104参数名 类型 描述 ... -
JQUERY的父,子,兄弟节点查找方法
2012-10-31 11:00 44946jQuery.parent(expr) 找父亲节点,可以传入 ... -
jquery的md5插件
2012-10-20 18:24 1153(function($){ var rotate ... -
list-style功能:设置列表项目相关内容。
2012-10-16 15:32 993list-style功能:设置列表项目相关内容。 语法 ... -
JS父页面获取子页面返回值
2012-10-11 16:47 2868父页面<html><head> ... -
对textarea的内容进行详细监听(键盘+鼠标)
2012-09-27 17:56 1223$("#textarea").bin ... -
base64:URL背景图片与web页面性能优化
2012-09-26 18:07 2159一、base64百科 Base64是网络上最常见的用于传输8 ... -
word-wrap同break-word的区别
2012-09-23 15:09 999自动换行word-break:break-all和word-w ... -
Jquery弹出层BlockUI的用法(BlockUI是个插件)
2012-09-18 11:02 2346例子一: <head runat="serv ... -
jQuery中ajax中事件执行顺序
2012-09-18 10:51 9471.ajaxStart(全局事件) 2.beforeSend ... -
CSS2.0无图片实现圆角
2012-09-13 18:49 938CSS2.0无图片实现圆角 -
jquery中的ready和window的onload之间的“藕断丝连”
2012-09-10 03:00 856遇到了一个死循环,经高人指点,置之死地而后生~ -
textarea中的MaxLength属性在ie中失效问题
2012-09-09 17:18 1401代码解决 -
jquery弹出窗口锁屏代码
2012-09-09 17:17 1063还在改进中
相关推荐
### JQuery详解:jQuery的bind方法 #### 一、概述 jQuery 的 `bind()` 方法是用于在元素上绑定事件处理程序的一种方式。与原生 JavaScript 的事件绑定相比,`bind()` 提供了更多灵活性和便捷性。它允许开发者指定...
在原文件中,描述了一个常见问题,即在使用jQuery的`.bind()`方法绑定点击事件时,如果传参不正确,就会导致无法为列表中的每一行绑定一个独立的事件处理逻辑。文件提供了代码示例,并指出通过使用闭包(closure)...
本篇文章将深入探讨如何使用jQuery中的`bind()`方法来绑定事件,并通过实例讲解如何改变页面上单行文本框(input[type="text"])的背景色。 `bind()`方法是jQuery提供的一种事件绑定功能,它可以将一个或多个事件...
今天我们将深入探讨jQuery中的事件绑定方法,包括`bind()`, `live()`, `delegate()`,以及后来推出的`on()`方法。这四个方法都是为了帮助开发者更方便地管理页面上的事件,特别是对于动态生成的元素。 1. **bind()*...
本文将深入探讨jQuery中事件处理的核心概念、方法以及常见的应用场景。 首先,jQuery提供了一种更加优雅的方式来处理DOM加载完成的事件。在JavaScript中,我们通常使用`window.onload`来确保所有资源(包括图片)...
在实际的jQuery开发中,`bind`方法常常与`.live()`, `.delegate()`, 和`.on()`等方法一起使用,以实现动态添加元素的事件处理。然而,从jQuery 1.7版本开始,`.on()`方法成为推荐的事件绑定方式,因为它更强大且效率...
`bind`函数是jQuery中用于添加事件处理器的主要方法之一。 使用`bind`方法可以绑定一个或多个事件处理器到选择器匹配的元素上。它的基本语法为: ```javascript $(selector).bind(eventType, data, handler); ``` ...
jQuery中的bind方法是早期版本的jQuery中用于处理事件的一个非常重要的方法。这个方法允许开发者为选定的元素绑定一个或多个事件处理器,当这些事件被触发时,所绑定的函数就会执行。 bind方法的基本语法是:$...
在探讨jQuery中的`bind()`, `delegate()`, 和`live()`事件绑定方法的区别时,我们需要深入理解它们在处理DOM事件时的独特方式。这些方法在不同的场景下提供了灵活且高效的选择,帮助开发者创建响应式和动态的Web应用...
首先,理解jQuery中的`$(document).ready()`函数至关重要。这个函数确保在页面加载完成后执行里面的代码,避免了由于元素未加载完毕导致的错误。例如: ```javascript $(document).ready(function() { // 在这里...
本文实例分析了JQuery中Bind()事件用法。分享给大家供大家参考。具体分析如下: 我们先看一下它的定义: .bind( eventType [, eventData], handler(eventObject)) .Bind()方法的主要功能是在向它绑定的对象上面提供...
在JavaScript的世界里,...在最新版jQuery中,推荐使用`on()`方法,因为它提供了更广泛的功能和更好的性能优化。希望本文的内容对你的开发工作有所帮助,如果想了解更多相关知识,可以继续探索jQuery的文档和实践案例。
在jQuery中,`bind` 和 `on` 都是用来绑定事件处理函数的,但它们之间存在一些关键的区别。本文将详细解析这两个方法的用法及其差异。 首先,`bind` 是 jQuery 的早期版本中用于绑定事件的方法。它接受三个参数:`...
总结来说,`bind()`和`unbind()`(或其简化版本`click()`、`off()`)是jQuery中处理事件绑定和解绑的关键方法。理解并熟练运用它们,能够帮助开发者更有效地控制页面的交互行为,确保在适当的时候执行或停止执行特定...
在微信小程序开发中,事件处理是连接用户交互与程序逻辑的关键。本文主要讲解如何在微信小程序中实现`bindtap`等事件的参数传递,这对于理解小程序的事件机制至关重要。 事件在微信小程序中扮演着视图层与逻辑层...
on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空间,如”click”或”keydown.myPlugin” 。 selector:一个选择器字符串用于... jQuery 3.0中已弃用此方法,请用 on()代替。