js-做页籤笔记记录

html

<ul class="Menu clearfix">  <li><a href="#tab1" class="curren">01</a></li>  <li><a href="#tab2">02</a></li>    <li><a href="#tab3">03</a></li></ul><ul id="contents">  <li id="tab1">Lorem ipsum dolor sit amet.</li>  <li id="tab2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui ex maiores aliquam itaque commodi assumenda similique quam mollitia alias eum?</li>  <li id="tab3">Lorem ipsum dolor sit amet consectetur adipisicing elit. .</li></ul>

js

$(document).ready(function (e){  $('#contents li[id!=tab1]').hide();//将所有资料隐藏，除了第一个    $('a').click(function(){//点击后的动作    $('#contents li').hide();//将所有资料隐藏    console.log($(this).attr('href'));//取出值，本身已经在MENU的href埋下值了    $($(this).attr('href')).show();//将埋下的值的资料显示出来    $('.curren').removeClass('curren');//原本MENU显示删除    $(this).addClass('curren');//换成现在的MENU    return false;  });});

codepen