页面加载完成后,触发事件——trigger()
<button id="btn">点击我</button>
<div id="test"></div>
如果页面加载完后要立即输出想要的效果可有有trigger()方法实现: 1.在bind事件后面执行trigger("事件名称")或者事件名称()
<script type="text/javascript">
$(function(argument) {
$("#btn").bind("click",function(){
$("#test").append("<p>页面加载完之后,我就立即被插入了1</p>")}).bind("click",function(){
$("#test").append("<p>页面加载完之后,我就立即被插入了2</p>");
})
;
//$("#btn").trigger("click"); 页面加载完成立即执行,也可以写成下面的格式
$("#btn").click();
}) //$(function(argument) {
</script>
2.触发自定义事件
trigger()方法不仅能触发浏览器支持的具有相同的事件,也可以触发自定义名称的事件。
<script type="text/javascript">
$(function(){
$("#btn02").bind("myClick",function(){
$("#test02").append("<div>我触发了自定义事件</div>");
});
$("#btn02").click(function(){
$(this).trigger("myClick");
}).trigger("myClick");
})
</script>
<button id="btn02">触发自定事件</button>
<div id="test02"></div>
3.trigger()传递参数
trigger(type,[data])有两个参数,第一参数是要触发的事件类型,第2个参数是要传递给事件处理函数的附加数据,该参数以数组形式传递。可以通过传递一个参数给回调函数来区分这个事件是代码触发的还是用户触发的。
<script type="text/javascript">
$(function(){
$("#btn03").bind("myClick03",function(event,ms01,ms02){
$("#test03").append("<p>"+ms01+ms02+"</p>");
});
$("#btn03").click(function(){
$(this).trigger("myClick03",["自定义事件01","参数传递01"]);
})
.trigger("myClick03",["自定义事件","参数传递"]);
})
</script>
<button id="btn03">自定义事件参数</button>
<div id="test03"></div>
页面加载完成后,触发事件——trigger()的更多相关文章
- JQuery 页面加载完成后执行事件
一: $(document).ready(function(){ //code }) 二: jQuery(document).ready(function(){ //code }) 三: window ...
- jquery在页面加载完成后再append的元素事件无效问题
最近遇到一个问题,jquery在页面加载完成后再append的元素,append元素上有onclick事件,但是在append的元素上怎么点击都不会触发onclick事件.就如: <ul cla ...
- jQuery和javaScript页面加载完成时触发的事件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- js页面加载完后执行(document.onreadystatechange 和 document.readyState)
js页面加载完后执行javascript(document.onreadystatechange 和 document.readyState) document.onreadystatechange ...
- js中页面加载完成后执行的几种方式及执行顺序
1:使用jQuery的$(function){}; 2:使用jquery的$(document).ready(function(){});前两者本质上没有区别,第1种是第2种的简写方式.两个是docu ...
- 页面加载完毕后调用js方法进行布局操控 已实验
页面加载完毕后调用js方法进行布局操控 已实验 $(function(){ var check1 = $("[id$=SMS]").is(':checked'); var bl=$ ...
- js中页面加载完成后执行的几种方法及执行顺序
在js和jquery使用中,经常使用到页面加载完成后执行某一方法.通过整理,大概是五种方式(其中有的只是书写方式不一样). 1:使用jQuery的$(function){}; 2:使用jquery的$ ...
- Javascript中页面加载完成后优先执行顺序
Javascript中页面加载完成后优先执行顺序 document优先于windowwindow优先于element //document加载完成执行方法体 document.addEventList ...
- php页面加载完毕后再显示购买按钮
php页面加载完毕后再显示购买按钮 $document.ready(function(){ $("#buybotton").show()})
随机推荐
- word20161223
UAM, user authentication module / 用户身份验证模块 UBR, unspecified bit rate / 未指定的传输率 UCS, Unicode Characte ...
- APP支付报错ALI40247处理方案!
简直日狗!这里要吐槽支付宝: 1.支付宝文档太复杂,分类虽然详细,但是我找不到app支付 对应服务端的demo 2.提供下载的sdk都是全整合的 用下来都是一条龙服务,还有一些客户端(app)的请求也 ...
- No.25
每天三件事必做: 1.背单词: 2.跑步: 3.读书.
- tcp_tw_reuse、tcp_tw_recycle 使用场景及注意事项
linux TIME_WAIT 相关参数: net.ipv4.tcp_tw_reuse = 表示开启重用.允许将TIME-WAIT sockets重新用于新的TCP连接,默认为0,表示关闭 net.i ...
- erlang 分布式数据库Mnesia 实现及应用
先推荐一篇:mnesia源码分析(yufeng) - linear hash ETS/DETS/mnesia 都使用了linear hash算法 http://en.wikipedia.org ...
- js加载完所有的图片,适合电子相册哦~~~~
有些时候要一口气加载完所有的图片,所以代码就要这么写.... var imgArray = [ 'http://s16.mogucdn.com/p1/160202/upload_ifqwcmlcmyy ...
- django(3) 一对多跨表查询、ajax、多对多
1.一对多跨表查询获取数据的三种形式:对象.字典.元组 例:有host与business两张表,host与business的id字段关联,business在host表中的对象名是b, 通过查询hos ...
- java类加载器加载文件
例子:采用配置文件加反射的方式创建ArrayList和HashSet的实例对象. //第一种方式:类加载器加载文件 InputStream ips = ReflectTest2.class.getCl ...
- C#可空类型
C#创建可空类型对于有些可选类型的时候特别好用.创建可空类型用法直接上图. 执行效果 用法 运行效果
- [原创]用windows7连接windows2003的终端服务器时,出现"由于这台计算机没有远程桌面客户端访问许可证,远程会话被中断"的问题
用windows7连接windows2003的终端服务器时,出现"由于这台计算机没有远程桌面客户端访问许可证,远程会话被中断"的问题,原因是终端服务器授权方式设置为了"每 ...