jquery层级选择器；jquery的css() 方法

层级选择器

层级选择器是根据元素的关系来获取。关系是指父子关系，兄弟关系

 

1. 空格 得到元素下的所有子元素(包含直接子元素与间接子元素)

2. 大于号>  只获取所有直接的子元素

3. 加号+  只获取直接的一个兄弟元素

4. 波浪线~ 所有的后边的兄弟元素

$(function(){

// 1 获取id=d的所有<a>标签的子元素个数  

var size = $("#d a").size();

alert(size);

//2  获取id=d的<a>的直接子元素

var size = $("#d>a").size();

alert(size);

//3  获取id=d的第一个兄弟<p>元素

 

alert($("#d+p").html());

//4 获取id=d 的所有<p>兄弟元素

var size = $("#d~p").size();

alert(size);

// 5 将id=d下的所有的子元素<a>的文字颜色设置成红色 可以通过css属性设置样式

//$("#d a").css("color","red");

//设置多个样式   属性和值之间用：隔开 属性和属性之间用,隔开 并整体用{}括起来

$("#d").css({color:"#ff0011",background:"blue"});

 

});

 

 

1.1． 方法总结:

css()方法，它可以设置元素的样式,如果只有一个值  css(name,value),如果有多个值,css({name:value,name:value})