使用JQuery和CSS模拟超链接的用户点击事件的实现代码

在正式开始本文之前，我们先简单介绍一下HTML的A标签:使用A标签，我们可以在HTML页面上定义一个锚点，它有两个用途：使用href属性创建到另一个文档的链接(或超链接)，使用name或id属性在文档内部创建书签(即创建到文档片段的链接)。本文内容与主播的首次使用有关。复制代码如下：% @ page language=' c# ' autoeventreut=' true ' code behind=' web form 2 . aspx . cs ' inherits=' web . web form 2 ' %！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML L1-transition . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head id=' head 1 ' runat=' server ' title/title脚本类型=' text/Javascript ' src=' http 3360 scripts/jquery-1.4ready(function(){//点击spanAGo调用超链接点击事件$ ('# spanago ')。单击(function () {$ ('# ago '))。单击()；});});/script/head body style=' font-size : 12px；'form id=' form 1 ' runat=' server ' div a id=' ago ' href='//www . JB 51 . net/' we/a br/br/span id=' span ago ' style=' border 3360 1px纯黑；'点击我，上述超链接的点击事件将被称为//span/div/form/body/html HTMl上述代码的运行效果如下图所示：。

点击超链接，页面可以正常跳转。但是当你点击选项卡时，页面无法跳转。以上，你不能在IE8和Chrome中跳转(其他浏览器没有测试过)。所以接下来要达到的效果就是在点击标签的时候让页面跳转(也就是在调用超链接点击事件的时候，让页面跳转)，少写代码，最好在一个地方处理。一个项目不能只是一个页面，一个页面不能只是一个超链接，也不能做得太差。怎么说主播的另一个功能是书签，其他链接可以跳转，主播的书签功能被屏蔽了？

Main.css复制代码如下： a.forward {} Main.js复制代码如下：///reference path=' jquery-1 . 4 . 1-vsdoc . js '/$(文档)。ready (function () {//)。启用超链接以支持点击事件，这便于JavaScript调用$ ('a.forward ')。click(function(){ location . href=$(this)[0]。href返回false});});修改后的页面源代码如下：复制的代码如下：% @ page language=' c# ' autoeventreut=' true ' code behind=' web form 2 . aspx . cs ' inherits=' web . web form 2 ' %！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML L1-transition . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head id=' head 1 ' runat=' server ' title/title link type=' text/CSS ' rel='样式表' href=' Styles/main . CSS '/script type='ready(function(){//点击spanAGo调用超链接点击事件$ ('# spanago ')。单击(function () {$ ('# ago '))。单击()；});});/script/head body style=' font-size : 12px；'form id=' form 1 ' runat=' server ' div a id=' ago ' class=' forward ' href='//www . JB 51 . net ' we/a br/br/span id=' span ago ' style=' border : 1px纯黑；'点击我，运行调用上述超链接的点击事件/span /div /form /body /html(截图省略)。点击标签，页面完美跳转。(* _ _ *)嘻嘻。最后总结一下，要模拟超链接用户点击事件，我们需要做的是：导入外部css文件Main.css，并导入外部JavaScript文件Main.js添加CSS类“转发”到超链接；然后是什么？然后就想不起来了。最后祝大家打字愉快。首发：博客公园-剑无痕迹通过。