tab菜单

最新推荐文章于 2024-05-11 00:13:58 发布

weixin_40938312

最新推荐文章于 2024-05-11 00:13:58 发布

阅读量136

点赞数

分类专栏：日记

本文链接：https://blog.csdn.net/weixin_40938312/article/details/101360502

版权

日记专栏收录该内容

119 篇文章 2 订阅

订阅专栏

在这里插入图片描述

 <div class="main">
    <div id="n1">点我看内容1</div>
     <div id="n2">点我看内容2</div>
      <div id="n3">点我看内容3</div>
       <div id="n4">点我看内容4</div>
       </div>
<div id="neirong1"><p>欢迎来到首页</p>

下面是js
我的思路是
先获取 neirong1 var neirong=$("#neirong1");

点击上面的div后先将neironng1清空
然后append添加需要的内容
后面的同样是这样弄

 var neirong= $("#neirong1");
  $("#n1").click(function(){
  neirong.empty();
  neirong.append("<p>哈哈哈--------</p>");
alert("HTML: " + $("#neirong1").val());

});

  //var neirong= $("#neirong2");
  $("#n2").click(function(){
  neirong.empty();
  neirong.append("<p>你好啊我是2！！！！！！！！</p>");
alert("HTML: " + $("#neirong1").val());

});
 // var neirong= $("#neirong3");
  $("#n3").click(function(){
  neirong.empty();
  neirong.append("<p>你好呀我是3。。。。。。。。</p>");
alert("HTML: " + $("#neirong1").val());

});

  //var neirong= $("#neirong4");
  $("#n4").click(function(){
  neirong.empty();
  neirong.append("<p>嘿我是4~~~~~~~</p>");
alert("HTML: " + $("#neirong1").val());