css选择器补充1

3 对于html（）这个方法的补充：
通过html() 获取元素内容,如果有 子元素！，保留标签！
而text（）获取元素内容 但是如果有子元素 不含标签

4.
(1)addClass（）可以增加一个样式中的class
如 .pink{ xxxxx}
此时就可以 $("xx").addClass("pink");

(2)removeClass() 删除一个样式中的class 使用方法同上

(3)通过toggleClass() 切换一个样式中的class
这里的切换，指得是：
如果存在就删除
如果不存在，就添加

(4)css函数
通过css函数 直接设置样式
css(property,value) 第一个参数是样式属性，第二个参数是样式值
用法：
$("#b1").click(function(){ //单一样式，只设置背景色
$("#d1").css("background-color","pink");
});

$("#b2").click(function(){ //多种样式，不仅设置背景色，还设置字体颜色
$("#d2").css({"background-color":"pink","color":"green"});
});
<div id="d1" >
<div id="d2" >

 

5选择器（补充）
(1）$("tagName") .addClass（".classname") ; tagName 就是标签名 同时添加的背景颜色必须是已经弄
好的class
根据 标签名 选择所有该标签的元素
(2)$("#id")
根据 id 选择元素
id应该是唯一的，如果id重复，则只会选择第一个。
(3)$(".className") class 已经建立好了 他选择的是已经使用这个类的标签
如.class1{xxx:xx} <div class="class1> </div> <div> </div>此时让第一个变色
根据 class 选择元素
(4) 层级
$("selector1 selector2")
选择 selector1下的selector2元素 。
如<div id="01"> <span> </span> </div> $("div#01 span").xxx;
$(selector:first) 满足选择器条件的第一个元素
$(selector:last) 满足选择器条件的最后一个元素
(5) 可见性
$(selector:hidden) 满足选择器条件的不可见的元素
$(selector:visible) 满足选择器条件的可见的元素
注； div:visible 和div :visible(有空格)是不同的意思
div:visible 表示选中可见的div
div :visible(有空格) 表示选中div下可见的元素

toggle(500) 表示在显示与隐藏之间来回切换，生效时间是500毫秒