jquery如何让页面刷新的时候默认执行一次点击事件？

Question

新手求助，如何让页面刷新后，默认执行一次点击事件呢？比如我有一个相册，我想在用户点击进入这个相册所在页面的时候，默认显示第一张。也就是一进入这个页面默认执行一次click事件，应该怎么写？

Answer 1

如果需要在页面刷新的时候默认执行一次点击事件，可以参考下面的方法实现：

1、使用原生js实现

使用原生js主要用到了window.onload方法：

onload 事件会在页面或图像加载完成后立即发生。

语法:onload="SomeJavaScriptCode"

参数SomeJavaScriptCode是必须的规定该事件发生时执行的 JavaScript。

实现代码：

<script>
window.onload = function() {
    requestFullScreen();//直接执行onclick中的函数就行
}
</script>

将代码放到body标签最下面即可。

2、使用Jquery实现

使用jquery实现该效果主要用到了jquery.ready(fn)和jquery.trigger()方法：

jquery.ready(fn)：当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

jquery.trigger(type,[data])：在每一个匹配的元素上触发某类事件。

实现代码：

$(function() {
    $("#sdsd").trigger("click");//触发button的click事件
})；

Answer 2

使用原生js实现

使用原生js主要用到了window.onload方法：

onload 事件会在页面或图像加载完成后立即发生。

语法:onload="SomeJavaScriptCode"

参数SomeJavaScriptCode是必须的规定该事件发生时执行的 JavaScript。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

在jQuery迅速发展的同时，一些大的厂商也看中了商机。2009年9月，微软和诺基亚公司正式宣布支持开源的jQuery库，另外，微软公司还宣称他们将把jQuery作为Visual Studio工具集的一部分。他将提供包括jQuery的智能提示、代码片段、示例文档编制等内容在内的功能。微软和诺基亚公司将长期成为jQuery的用户成员，其他成员还有Google，Intel，IBM，Intuit等公司。

2009年1月，jQuery 1.3版发布，它使用了全新的选择符引擎Sizzle，在各个浏览器下全面超越其他同类型JavaScript框架的查询速度，程序库的性能也因此有了极大提升。这一版本的第2个变化就是提供live()方法，使用live()方法可以为当前及将来增加的元素绑定事件，在1.3版之前，如果要为将来增加的元素绑定事件，需要使用livequery插件，而在1.3版中，可以直接用live()方法。

2010年1月，也是jQuery的四周年生日，jQuery 1.4版发布，为了庆祝jQuery四周岁生日，jQuery团队特别创建了jquery14.com站点，带来了连续14天的新版本专题介绍。

在1.3及更早版本中，jQuery通过JavaScript的eval方法来解析json对象。在1.4中，如果你用的浏览器支持，则会使用原生的JSON.parse解析json对象，这样对json对象的书写验证则更为严格。比如：{foo: "bar"}的写法将不会被验证为合法的json对象，必须写成{"foo":"bar"}。如果你的程序打算升级到1.4版本，那么这一点要尤其注意。

Answer 3

假设小图是在一个ul列表中，你的点击切换是触发在小图上的，那么，这样可以触发一次点击事件：
$(function(){
$("ul img").eq(0).click();//click()里边带函数表示事件绑定，不带参数表示触发一次点击事件
})

追问

现在的情况如图，页面点击进来后，大图没有显示，必须点击小图才会出现大图，现在所有的小图点击都能显示相应的大图，但是我想点进页面来就默认点击第一张小图，然后出现第一张的大图，不然点进来后大图是空白的，因为点进来在没有点击小图前没有任何的click事件

Answer 4

选择你要Click的元素，调用.click()方法，如：
$("#img1").click();

追问

我知道点击事件是click，我想要的是页面刷新后默认就点击了第一张图片，然后出现相应的大图，而不是我点击后才出现第一张大图

追答

我代码都写出来了，你还是没看明白。
$("#img1").click(); 与　$("#img1").trigger("click");　是等效的。我一般习惯用前者，因为方便。

Answer 5

$("元素选择器").trigger("click");