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编写textarea输入字数限制代码
Mar 23 jQuery
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 jQuery
jquery ajax异步提交表单数据的方法
Oct 27 jQuery
jquery.picsign图片标注组件实例详解
Feb 02 jQuery
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
jQuery实现输入框的放大和缩小功能示例
Jul 21 jQuery
jQuery实现的简单手风琴效果示例
Aug 29 jQuery
jQuery时间戳和日期相互转换操作示例
Dec 07 jQuery
jQuery实现左右两个列表框的内容相互移动功能示例
Jan 27 jQuery
jQuery Raty星级评分插件使用方法实例分析
Nov 25 jQuery
jQuery实现鼠标移入显示蒙版效果
Jan 11 jQuery
JavaScript枚举选择jquery插件代码实例
Nov 17 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 中检查或过滤IP地址的实现代码
2011/11/27 PHP
PHP依赖注入原理与用法分析
2018/08/21 PHP
PHP PDOStatement::columnCount讲解
2019/01/30 PHP
PHP whois查询类定义与用法示例
2019/04/03 PHP
Aster vs KG BO3 第一场2.18
2021/03/10 DOTA
javascript 异常处理使用总结
2009/06/21 Javascript
jquery实现的可隐藏重现的靠边悬浮层实例代码
2013/05/27 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
RequireJS使用注意细节
2016/05/15 Javascript
Javascript中prototype的使用详解
2016/06/18 Javascript
JavaScript学习笔记--常用的互动方法
2016/12/07 Javascript
微信小程序 页面跳转如何实现传值
2017/04/05 Javascript
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
nodeJS模块简单用法示例
2018/04/21 NodeJs
详解使用JWT实现单点登录(完全跨域方案)
2019/08/02 Javascript
基于vue+element实现全局loading过程详解
2020/07/10 Javascript
vue组件开发之tab切换组件使用详解
2020/08/21 Javascript
JS实现斐波那契数列的五种方式(小结)
2020/09/09 Javascript
Python2.x中str与unicode相关问题的解决方法
2015/03/30 Python
在Python中使用SQLite的简单教程
2015/04/29 Python
浅析python中的分片与截断序列
2016/08/09 Python
Python中如何获取类属性的列表
2016/12/26 Python
Python实现导出数据生成excel报表的方法示例
2017/07/12 Python
python matlibplot绘制3D图形
2018/07/02 Python
Python之修改图片像素值的方法
2019/07/03 Python
pytorch 模型可视化的例子
2019/08/17 Python
python中property和setter装饰器用法
2019/12/19 Python
python中的itertools的使用详解
2020/01/13 Python
python编程进阶之异常处理用法实例分析
2020/02/21 Python
Python Socketserver实现FTP文件上传下载代码实例
2020/03/27 Python
HTML5超炫酷粒子效果的进度条的实现示例
2019/08/23 HTML / CSS
合作协议书格式
2014/08/19 职场文书
《分数的意义》教学反思
2016/02/20 职场文书
MySQL 如何设计统计数据表
2021/06/15 MySQL
CSS 实现Chrome标签栏的技巧
2021/08/04 HTML / CSS
Java面试题冲刺第十七天--基础篇3
2021/08/07 面试题