jq全选反选取消代码

2.如果子div和btn的index相同，就会显示这个div，隐藏很多好友的div

1）。css函数参数2的回调函数方法；

2）。然后把原生的get方法传递给jq对象，然后设置

3）。目前div使用的是show()方法，其余的朋友div使用的是hide()方法

关键词：get()siblings()show()hide()css()html页面：

4btn,4div

btn1

btn2

btn3

btn4

css页面：

大盒子目前没有样式。在实际研究中，需要指定其宽高；第一个btn的背景颜色是橙色；显示第一个子项div，隐藏其余的朋友div

#wrapdiv{

宽度：300px；

高度：200px；

边框：1px纯红色；

显示：无；

}

#wrapdiv:nth-of-type(1){

显示：块；

/*显示第一个子项div*/

}

#wrapbutton:nth-of-type(1){

背景：橙色；

/*第一个btn的背景颜色是橙色；*/

}

jQuery页面：

1）首先将事件绑定到btn

$(“#wrap按钮”).click(function(){

//btn被点击后发生的事件

})

关键字：click();2)btn被点击时，将当前选中的btn颜色设置为橙色，将多个好友btn的背景色设置为空：

$(this).css(“background”,“orange”).siblings(“button”).css(“background”,“none”)

关键词：$(this);css();Brothers()3)声明一个变量，保存选中的btn的下标

var$index=$(this).index();

关键词：$index;$(this);index();//1:找到所有的subdiv并设置css样式。如果一个div的索引和btn的索引是一样的，让他显示出来$(“#wrapdiv”).css(“display”,function(i){

如果（我==$index）{

返回“块”；

}

返回“无”；

})

关键词：css();“展示”;我==$index;b：通过get()方法将子div的索引与btn的当前索引绑定，然后把这个索引转换成jq对象，然后使用jq方法就会显示对应的div

1

$($(“#wrapdiv”).get($(this).index())).css(“display”,“block”).siblings(“div”).css(“display”,“none””）

由于get方法是js原生方法，所以要使用jq方法，需要转换成jq对象

关键词：$();$(this).index;get();css();siblings()c：通过当前btn索引绑定div索引，然后显示这个索引对应的divshow()并隐藏其余的div好友元素hide()

$(“#wrapdiv”).eq($(this).index()).show().siblings(“div”).hide();

关键词：eq();$(this).index();show();hide()这样就完成了使用jQuery方法实现tabs。

标签：css

以上内容就是关于“jq全选反选取消代码”的全部内容，是由网友投稿，呆玛网小编认真整理编辑的，如果对您有帮助请收藏转发！感谢支持！

只有强者才懂得斗争；弱者甚至失败都不够资格，而是生来就是被征服的。加紧学习下一篇内容吧！