重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
一、可以使用jQuery的trigger() 方法来响应事件。
目前创新互联建站已为1000多家的企业提供了网站建设、域名、网络空间、网站运营、企业网站设计、海兴网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
二、定义和用法:
trigger() 方法触发被选元素的指定事件类型。
1、语法:
$(selector).trigger(event,[param1,param2,...]);
2、参数描述:
event 必需。规定指定元素要触发的事件。可以使自定义事件(使用 bind() 函数来附加),或者任何标准事件;[param1,param2,...] 可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。
三、实例:
触发 select元素的change事件:$("button").click(function(){$("select").trigger("change");});
直接$("选择器").change(function(){
//执行内容
});
如:
html:
select
option value="选项1"选项1/option
option value="选项2"选项2/option
option value="选项3"选项3/option
option value="选项4"选项4/option
/select
JQ:
$(document).ready(function(){
$("select").change(function(){
var a = $(this).val();
alert(a);
});
});
var city = "";
$("#s_city").change(function(){
city = $("#s_city").val();
console.log(city);
return city;
});
var mycity = city;
console.log(mycity);
把city的定义部分 搬到方法体之外!city作用域就会从 change()内部 提升到 外部了。
这是变量作用域的问题,你需要去仔细了解一下“变量作用域”
定义和用法,trigger() 方法触发被选元素的指定事件类型。
语法,$(selector).trigger(event,[param1,param2,...])
event , 必需。规定指定元素要触发的事件。可以使自定义事件(使用 bind() 函数来附加),或者任何标准事件。
[param1,param2,...] 可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。
触发 select元素的change事件:
jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(function(){
$("input[name='t']").change(function(){
var text = $(this).val();
$("input[name='n']").val(text);
});
})
/script
input type="text" name="aaaa" /
td范围:/td
tdinput id="a" name='t' type="text" class="numberbox" data-options="min:0,max:100,precision:2" align="left" required="required" //td
tdinput id="b" name='n' type="text" class="numberbox" data-options="min:0,max:100,precision:2" align="left" //td
你怎么把HTML代码套到JS里面了呢?
Jquery的基本语法:
复制代码代码如下:
$("input[type='text']").change( function() {
// 这里可以写你想要的验证代码;
});
2 当绑定一个文本框的时候
复制代码代码如下:
$(function () {
$("#txtAssessmentTotal").change(function () {
//这里写你想要的验证的代码;
})
})
为每个匹配元素的特定事件绑定事件处理函数。
.bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象,比如focus, mouseover, 和 resize,都是可以作为type参数传递进来的。
个人理解bind就是为这个控件绑定事件在给这个事件定义一个匿名的方法去实现你想要的验证;
Jquery基本语法:
复制代码代码如下:
$("#txtAssessmentTotal").bind('click', function() {
alert($("#txtAssessmentTotal").val());
});
2 多个事件:事件的名称用空格隔开;
复制代码代码如下:
$("#txtAssessmentTotal").bind('mouseenter mouseleave', function() {
alert($("#txtAssessmentTotal").val());
});