9.17Jquery Change与bind

Jquery Change与bind事件代码:

一、Jquery事件change()方法

当元素的值发生改变时,会发生change事件。该事件仅适用于文本域(text field)和select元素。

注意:当用于select元素时,change事件会在选择某个选项时发生。当用于text field或text area时,该事件会在元素失去焦点时发生。

==》基本语法:
$(selector).change() //触发被选元素的change事件

将函数绑定到change事件:
$(‘input[type="text"]‘).change(function(){...}); //规定当被选元素的change事件发生时运行的函数

当绑定一个文本框时:
$(function(){
$(‘#myText‘).change(function(){...});
});

二、Jquery事件bind()方法

bind()方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数

==》基本语法:
$(selector).bind(event,data,function)
其中event(必需)规定添加到元素的一个或多个事件,有空格分隔多个事件(必须是有效事件)。data(可选)规定传递到函数的额外数据。function(必需)规定当事件发生时运行的函数。

例: $(‘#myText‘).bind(‘click‘,function(){
alert($(‘#myText‘).val());
});

$(‘#myText‘).bind(‘mouseenter mouseleave‘,function(){...});

替代语法:
$(selector).bind({event:function, event:function,...})

时间: 2024-08-28 10:17:28

9.17Jquery Change与bind的相关文章

(原创)EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件

有时候在行编辑的时候,一个编辑框的值要根据其它编辑框的值进行变化,那么可以通过在开启编辑时,找到特定的Editor,为其添加事件 // 绑定事件, index为当前编辑行 var editors = $('#staffLogDetailGrid').datagrid('getEditors', index);     //获得当前行的编辑对象 console.info(editors[5]);  //editor[5]表示第五列这个控件 var sfgzEditor = editors[5];

Bootstrap关联select菜单,包罗万象的知识点

今天我将介绍自定义的bootstrap关联select菜单,主要应用场合有省市级关联菜单等等,那么就先拿这个例子来讲,当然其他场景的关联菜单也同样适用.说实话,封装好一个通用的组件还是需要花费很多精力的和时间的,所谓通用,自然要考虑周全,叹!这次整理的Bootstrap关联select,里面也涉及到了很多jquery.ajax.springMVC等等知识点,可谓包罗万象! 首先,请允许我代表该自定义组件做一番小小的介绍. "hi,你好,我叫yunm.combox.js,主人给我起的名字,其实呢,

EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件

有时候在行编辑的时候,一个编辑框的值要根据其它编辑框的值进行变化,那么可以通过在开启编辑时,找到特定的Editor,为其添加事件 // 绑定事件, index为当前编辑行 var editors = $('#staffLogDetailGrid').datagrid('getEditors', index); console.info(editors[5]); var sfgzEditor = editors[5]; sfgzEditor.target.bind('change',functio

Liunx 环境下vsftpd的三种实现方法(超详细参数)

以下文章介绍Liunx 环境下vsftpd的三种实现方法 ftp://vsftpd.beasts.org/users/cevans/vsftpd-2.0.3.tar.gz,目前已经到2.0.3版本.假设我们已经将vsftpd-2.0.3.tar.gz文件下载到服务器的/home/xuchen目录 代码: # cd /home/xuchen # tar xzvf vsftpd-2.0.3.tar.gz //解压缩程序 # cd vsftpd-2.0.3 三.三种方式的实现            

Unix Shells: Bash, Fish, Ksh, Tcsh, Zsh

Hyperpolyglot grammar | quoting and escaping | charactersvariables | variable expansion | brace, tilde, command, and pathname expansion | special variablesarithmetic and conditional expressionsarrays | associative arraysfunctions | command resolution

使用grails级联更新下拉列表

实现级联更新效果有多种方式,现只介绍用jquery框架的ajax技术实现的方式,个人认为使用jquery的方式更好更灵活,因为它只负责传数据,如果用grails自带的异步更新,简单的还可以,如果是复杂一点的就比较难搞. 下列代码无需考虑业务意义 jquery的ajax实现: 1.GSP中_form.gsp的简略代码: <div>     <g:select id="company" name="company.id" from="${co

[jquery] input值发生变化则触发

$("#a").val("你好").trigger("change"); $("#a").bind("change", function(){ alert("你触发了change事件");}); 这样,你赋值到input上,然后trigger就会模拟触发change事件,然后你绑定的change事件就会执行.

图片旋转切换效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

图片load事件和缓存

If the src is already set, then the event is firing in the cached case, before you even get the event handler bound. To fix this, you can loop through checking and triggering the event based off .complete, like this: $("img").one("load"