jq方法写选项卡的基本原理以及三种方法

使用jq写选项卡，告别了繁琐的循环以及命名规范

基本原理：

　　　　1.当某一个btn被选中时，将这个btn的背景颜色设为橘色，其余兄弟btn背景颜色设为空（none）

　　　　2.如果子div与btn的索引相同，就将这个div显示而其他兄弟div隐藏

　　　　　　1).css函数参数2的回调函数方法；

　　　　　　2).原生get方法再转jq对象 再进行设置的方法

　　　　　　3).当前div使用show()方法，其余兄弟div使用hide()方法

　　　　关键字：get()  siblings()  show()  hide()  css()

html页：

　　4个btn,4个div

 <div id="wrap">
        <button>btn1</button>
        <button>btn2</button>
        <button>btn3</button>
        <button>btn4</button>
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
    </div>

本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。

本文地址：http://www.xlkjgs.com/notes/js/2334.html