jquery选择器回顾

把bootstarp学习了一遍，总体的感觉不是太好，虽然，开发效率得到了提高，样式也得到了改观，但是代码的耦合度较大，而且不利于后台的管理，从某种意义上简化了代码，但是，可以发现这种简化有些得不尝失，因为仅仅对于开发者而言，几乎失去了对于代码的掌控能力，这样是非常可怕的，这种简化代码的方法不是一个科学的方式，对此，我个人绝得还是应该多多去研究一些底层的东西是很有益处的，如纯粹的JavaScript，或者jQuery等，虽然jQuery建立在JavaScript之上，但每一个学过它的人来说对于代码的掌控是比较容易的，下面就说一下jQuery的最重要的核心功能：选择器，其实在很久之前已经说过了，由于后期发现自己老是用基本选择器操作，这样有的时候导致自己多写了很多倍的代码，所以，这里主要说的是各种内容，过滤，可见度等选择器的使用。

1：选择的元素可以以逗号间隔多个并列使用$(“.div_1,.div_2”).css(“background”,”black”);

2：层级选择器
匹配该元素下的所有某元素：$(“.div_1 div”).css(“background”,”black”); 匹配该元素下的所有子元素：$(“.div_1>div”).css(“background”,”black”);
匹配该元素下面的紧贴的同一级的元素$(“.div_1+div”).css(“background”,”black”); 匹配该元素下面同一级兄弟元素$(“.div_1~div”).css(“background”,”black”);

3：过滤选择器
先选择元素，然后过滤，$(“div:not(div_1_1)”).css(“background”,”black”); 选择首尾奇偶：first，last，odd，even 选择给定索引值：$(“div:eq(1)”).css(“background”,”black”);
匹配元素内容： $(“div:contains(‘内容’)”).css(“background”,”black”);

4：可见度选择器
隐藏元素选择器：$(“div:hidden”).show(); 可见元素选择器：$(“div:visible”).css(“background-color”,”blue”);

5：属性过滤选择器：$(“div[属性]”).css(“background-color”,”blue”);

6:子元素过滤选择器
$(“div:nth-child(1)”).css(“background-color”,”blue”);