html——jQuery练习题1

最新推荐文章于 2022-08-06 08:26:43 发布

dongxie_tk

最新推荐文章于 2022-08-06 08:26:43 发布

阅读量709

点赞数

分类专栏： HTML Windows 文章标签： html jquery

本文链接：https://blog.csdn.net/dongxie_tk/article/details/78038439

版权

Windows 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

HTML

8 篇文章 0 订阅

订阅专栏

<html>
<head>
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
         <title>当用户点击按钮时将页面上普通文本文字"PHP小镇"包装成带超链接功能的链接文字</title>
                <script type="text/javascript" src="src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
                 <script type="text/javascript">
                  $(function(){
                       $("#btn").click(function(){
                       $("#j1").wrapInner("<a href='http://www.phptown.net' target='_blank'></a>");
                            });
                    });
                  </script>
                  <style>
                    div{width:200px;height:50px;background: #dfdfef; line-height: 50px; text-align: center;margin: 8px;}
                  </style>
</head>
<body>
                    <input type="button" id="btn" value="包装" />

<div id="j1">PHP小镇</div>

</body>

</html>