jquery怎么控制a标签跳转
时间:2021-11-20 来源:互联网
今天PHP爱好者为您带来jquery控制a标签跳转的方法:1、创建一个HTML示例文件;2、在a标签中添加其它子标签;3、触发该子类标签进行跳转即可。希望对大家有所帮助。
本文操作环境:windows7系统、jquery3.2.1版、DELL G3电脑
jquery 怎么控制a标签跳转?
使用jquery触发a标签跳转
错误示例
<a href="http://www.baidu.com" target="_blank">baidu</a>
// 直接是触发click事件是无法跳转的
$('a#toMain').trigger('click') ;
正确示例
// 如果要用jquery触发进行跳转,那么a标签中,然后触发该子类标签才能进行跳转
<a href="http://www.baidu.com" target="_blank">
<p>baidu</p> // 要有子标签
</a>
// 这里触发的是a标签中的p标签
$('a#toMain>p').trigger('click') ;
JavaScript给url网址进行encode编码,使用encodeURIComponent即可
var myUrl = 'http://www.baidu.com';
var myOtherUrl =
"http://www.jb51.net/index.html?url="+encodeURIComponent(myUrl);
以上就是jquery 怎么控制a标签跳转的详细内容,更多请关注php爱好者其它相关文章!
相关阅读更多 +
-
币安vs欧易大额交易滑点对比 哪家价格影响更小 2025-10-22
-
生命梗是什么梗?揭秘网络热词背后的爆笑含义和流行用法,让你秒懂年轻人都在玩什么! 2025-10-22
-
币安与欧易Token-Swap服务流程差异详解 2025-10-22
-
币安与欧易对比:哪家平台币种深度分析更专业? 2025-10-22
-
生命之光是什么梗?揭秘网络热词背后的温暖治愈含义 2025-10-22
-
币安与欧易合约交易风险限额设置差异详解 2025-10-22
最近更新