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> <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>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wppsff.html