把bootstarp学习了一遍,总体的感觉不是太好,虽然,开发效率得到了提高,样式也得到了改观,但是代码的耦合度较大,而且不利于后台的管理,从某种意义上简化了代码,但是,可以发现这种简化有些得不尝失,因为仅仅对于开发者而言,几乎失去了对于代码的掌控能力,这样是非常可怕的,这种简化代码的方法不是一个科学的方式,对此,我个人绝得还是应该多多去研究一些底层的东西是很有益处的,如纯粹的JavaScript,或者jQuery等,虽然jQuery建立在JavaScript之上,但每一个学过它的人来说对于代码的掌控是比较容易的,下面就说一下jQuery的最重要的核心功能:选择器,其实在很久之前已经说过了,由于后期发现自己老是用基本选择器操作,这样有的时候导致自己多写了很多倍的代码,所以,这里主要说的是各种内容,过滤,可见度等选择器的使用。
1:选择的元素可以以逗号间隔多个并列使用$(“.div_1,.div_2”).css(“background”,”black”);
2:层级选择器
匹配该元素下的所有某元素:(“.div1div”).css(“background”,”black”);匹配该元素下的所有子元素:(“.div_1>div”).css(“background”,”black”);
匹配该元素下面的紧贴的同一级的元素(“.div1+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”);