javascript代码实例教程-jQuery trigger()方法用法介绍

发布时间:2018-12-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jQuery trigger()方法用法介绍脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

jQuery的trigger()方法用法介绍:
此方法可以触发匹配元素上指定类型的事件。
它具有两种语法格式,下面就分别做一下介绍。
语法结构一:

代码如下:


$(selector).trigger(event,[param1,param2,...])

 

参数解析:

1.event:必需,规定匹配元素要触发的事件,可以是自定义事件,也可以是标准的事件。
2.param:可选,传递给事件处理函数的参数。

代码实例:

 

代码如下:


<!DOCTYPE htML>
<html>
<head>
<;meta charset=" utf-8">
<tITle>蚂蚁部落</title>
<script src="https://libs.baidu.COM/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input:text").select(function(){
    $(this).css("color","red");
  });
  $("#BT").click(function(){
    $("input:text").trigger("select");
  });
});
</script>
</head>
<body>
<input type="text" value="cnblogs.com"/>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>

 

在上面的代码中,为文本框注册了select事件处理函数,当选中文本框中的文本的时候,里面的文字就会变为红色
当点击按钮的时候,就会使用trigger()方法也会触发匹配元素上的select事件。
语法结构二:

代码如下:


$(selector).trigger(eventObj)

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jQuery trigger()方法用法介绍全部内容,希望文章能够帮你解决javascript代码实例教程-jQuery trigger()方法用法介绍所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。