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

更新时间：2017年05月08日 11:01:48 作者：许伟强

这篇文章主要介绍了jQuery实现在HTML文档加载完毕后自动执行某个事件的方法,结合实例形式分析了document的ready()事件自动加载执行事件的相关操作技巧,需要的朋友可以参考下

本文实例讲述了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.jb51.net/table/javascript_event

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

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

您可能感兴趣的文章:

使用jquery实现div的tab切换实例代码
以前使用js代码来写的简单效果现在用jQ来写，具体实现如下，感兴趣的朋友可以参考下哈
2013-05-05
JQuery勾选指定name的复选框集合并显示的方法
这篇文章主要介绍了JQuery勾选指定name的复选框集合并显示的方法,涉及jQuery表单元素操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-05-05
jQuery之网页换肤实现代码
用jQuery做网页换肤确实是很一个很巧妙，很好的选择，这是本人在学习jQuery中学的知识，感觉很有用，写了下来，希望大家有更好的方法或者代码不足的地方请谅解，本人也是初学者啊，希望大家互相勉励互相学习。
2011-04-04
jquery实现九宫格大转盘抽奖
jQuery九宫格大转盘抽奖代码网页特效，点击抽奖按钮开始随机抽奖选择奖品，可设置起点位置、奖品数量、转动次数、中奖位置参数
2015-11-11
jQuery基于ID调用指定iframe页面内的方法
这篇文章主要介绍了jQuery基于ID调用指定iframe页面内的方法,涉及jQuery针对页面框架元素的选择与方法的调用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2016-07-07
jquery 图片缩放拖动的简单实例
本篇文章只要是对jquery 图片缩放拖动的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-01-01
jQuery实现Div拖动+键盘控制综合效果的方法
这篇文章主要介绍了jQuery实现Div拖动+键盘控制综合效果的方法,实例分析了jQuery操作div块拖动的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
jQuery+SpringMVC中的复选框选择与传值实例
下面小编就为大家分享一篇jQuery+SpringMVC中的复选框选择与传值实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-01-01
jQuery实现图片走马灯效果的原理分析
这篇文章主要介绍了jQuery实现图片走马灯效果的原理,结合实例形式较为详细的分析了jQuery实现走马灯的相关html页面设计、css样式布局与jQuery相关函数的使用,需要的朋友可以参考下
2016-01-01
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
下面小编就为大家带来一篇完美解决jQuery fancybox ie 无法显示关闭按钮的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11