如何使用jquery添加一个a标签

如何使用jquery添加一个a标签,第1张

$("ul").prepend('<a href=""></a>') /* ul 内-前面 插入内容 */

$("ul").append('<a href=""></a>') /* ul 内-后面 插入内容 */

$("ul").before('<a href=""></a>') /* ul 外-前面 插入内容 */

$("ul").after('<a href=""></a>') /* ul 外-后面 插入内容 */

你的代码是没有问题的,可能出现不对的原因有两个,

一个是没有加jquery库

另外一个就是你a元素里面有网址点击以后就跳转了

一下是已经测试好的代码

<ul class="tab tab_y1">

        <a href="#"><li>广西北海</li></a> 

        <a href="#"><li>潮汕厦门</li></a> 

 </ul>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

 <script>

      $(function(){

 $('ul.tab a li').click(function(){

$(this).addClass('on')

 })

      })

      </script>

这个有好几个方法

1,<a href="跳转的地址" target="_blank">我要跳转去别的地方</a>

2,用JS,onclick方法

①onclick="javascript:window.location.href='URL'"

②onclick="location='URL'"

③onclick="window.location.href='URL?id=11'"

3,jQuery方法,这个要引入jqeury版本js文件

<a id="aaa">我要跳转去别的地方</a>

$("#aaa").click(function(){    window.open('这里填写跳转的页面的地址')})


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/bake/11658248.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存