jQuery实现在HTML文档加载完毕后自动执行某个事件的方法


Posted in jQuery onMay 08, 2017

本文实例讲述了jQuery实现在HTML文档加载完毕后自动执行某个事件的方法。分享给大家供大家参考,具体如下:

原来onchange=“fucntionname(parms)”;

<select name="country" id="selCountries_{$sn}" onchange="region.changed(this, 1, 'selProvinces_{$sn}')" style="border:1px solid #ccc;">
  <option value="0">{$lang.please_select}{$name_of_region[0]}</option>
  <!-- {foreach from=$country_list item=country} -->
  <option value="{$country.region_id}" {if $consignee.country eq $country.region_id}selected{/if}>{$country.region_name}</option>
  <!-- {/foreach} -->
</select>

现在在document的ready()事件里面就自动执行onchange事件。

<script type="text/javascript">
  $(document).ready(function(){
    var onll=document.getElementsById('selCountries_0');
    region.changed(onll, 1, 'selProvinces_0');
  })
</script>

看,现在相当于一加载文档,就自动点击选择了“中国”;

PS:这里再附上javascript常见事件与功能说明的在线对照表供大家参考:

javascript事件与功能说明大全:
http://tools.3water.com/table/javascript_event

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
jquery实现图片放大点击切换
Jun 06 jQuery
jQuery序列化后的表单值转换成Json
Jun 16 jQuery
jQuery回调方法使用示例
Jun 26 jQuery
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 jQuery
jQuery remove()过滤被删除的元素(推荐)
Jul 18 jQuery
简单实现jQuery上传图片显示预览功能
Jun 29 jQuery
jQuery中的类名选择器(.class)用法简单示例
May 14 jQuery
jQuery实现的页面弹幕效果【测试可用】
Aug 17 jQuery
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
一文快速了解JQuery中的AJAX
May 31 jQuery
jQuery实现移动端扭蛋机抽奖
Nov 08 jQuery
JQuery实现图片轮播效果
May 08 #jQuery
jQuery中的deferred对象和extend方法详解
May 08 #jQuery
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
May 08 #jQuery
jQuery动态追加页面数据以及事件委托详解
May 06 #jQuery
jquery点赞功能实现代码 点个赞吧!
May 29 #jQuery
jQuery extend()详解及简单实例
May 06 #jQuery
jquery仿微信聊天界面
May 06 #jQuery
You might like
PHP分页显示制作详细讲解
2006/12/05 PHP
php使用Image Magick将PDF文件转换为JPG文件的方法
2015/04/01 PHP
php中header跳转使用include包含解决参数丢失问题
2015/05/08 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
php5.4传引用时报错问题分析
2016/01/22 PHP
PHP 5.6.11中CURL模块问题的解决方法
2016/08/08 PHP
PHP简单判断手机设备的方法
2016/08/23 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
JavaScript Event学习补遗 addEventSimple
2010/02/11 Javascript
24款非常有用的 jQuery 插件分享
2011/04/06 Javascript
关于javascript function对象那些迷惑分析
2011/10/24 Javascript
jQuery $.data()方法使用注意细节
2012/12/31 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
jquery 实现两级导航菜单附效果图
2014/03/07 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
2016/04/08 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
2016/12/30 Javascript
vue图片加载与显示默认图片实例代码
2017/03/16 Javascript
Angularjs 事件指令详细整理
2017/07/27 Javascript
javascript按钮禁用和启用的效果实例代码
2017/10/29 Javascript
JavaScript数组去重的几种方法
2019/04/07 Javascript
js基础之事件捕获与冒泡原理
2019/10/09 Javascript
Pyramid添加Middleware的方法实例
2013/11/27 Python
Python引用计数操作示例
2018/08/23 Python
python利用Opencv实现人脸识别功能
2019/04/25 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
PyQt5实现简单的计算器
2020/05/30 Python
canvas 如何绘制线段的实现方法
2018/07/12 HTML / CSS
Gap加拿大官网:Gap Canada
2017/08/24 全球购物
介绍一下grep命令的使用
2015/06/12 面试题
Java语言程序设计测试题判断题部分
2013/01/06 面试题
翻译专业应届生求职信
2013/11/23 职场文书
购房意向书范本
2014/04/01 职场文书
服务承诺书范文
2014/05/19 职场文书
硕士学位申请报告
2015/05/15 职场文书
开学典礼观后感
2015/06/15 职场文书
Python编程中内置的NotImplemented类型的用法
2022/03/23 Python