经常上网的小伙伴们一定对链接不陌生,因为我们只要上网就会接触到,这次就来看看jQuery如何设置超链接事件吧。
jQuery中按钮或超链接代码如下:
<a href="url" target="_blank" onclick="closewin();" id="alink">点击超链接</a> <button id = "btn" onclick = "test()" > 点击按钮 < /button>
上面是一个超链接及按钮,且它们都绑定了点击事件
先看看超链接,如若我们打算点击超链接的同时不仅触发事件而且跳转到href的指定链接,可以用:
<script> document.getElementById("alink").click(); </script>
这样就能够实现上面的功能,但是如果你只是想触发事件而不想跳转的话,有两个方法,一是在href写上href="javascript:;"二是引入jQuery,然后用jQuery点击事件触发
<script> $("#alink").click(); </script>
这样就不会跳转了。
如果是按钮的话,可以直接用以下代码:
<script> //真正的用程序点击按钮 document.getElementById("btn").click(); //没有点击按钮,只是执行了按钮所绑定的事件 document.getElementById("btn").onclick(); </script>
在注释中已经注明它们的区别了,虽然中间原理不一样,但在这里对用户来说效果是一样的,既然js能完成这些功能那么补充一下也可以进行表单的提交,过程和模拟点击类似,只是方法不同
表单的按钮如果是button就和模拟点击一样,绑定一个事件,如果按钮是type="submit",那么给form一个id如:id="form1"那么表单提交可以用下面的方式进行:
<script> //js提交表单 document.getElementById("form1").submit(); //jQuery提交表单 $("#form1").submit(); </script>
很简单吧,就是用了js中的submit()方法,我们还可以把事件封装到函数中灵活使用,除此之外,提交表单还有一些其他的方法,以上是较常用的一些方法
以上就是本篇文章的所有内容,以后小伙伴们就可以试着自己对想去的网站设置超链接了,更多java项目中常见问题及解决方法可以关注本站了解具体。
推荐阅读:
jquery设置html属性,获取和设置html内容和属性方法