css选择器与jQuery选择器
| 符号 | 说明 | 用法 |
| #id | 选择器 | #id{} |
| .class | 类选择器 | .class{} |
| Element | 标签选择器 | p{} |
| , | 并集选择器 | div,p{} |
| * | 通配符选择器 | 配合其他选择器使用 |
| 空格 | 后代选择 | div span{选择div下所有span元素} |
| > | 子代元素 | div>p{div下的亲子p} |
| + | 紧邻选择器 | div+p{div紧挨着的下一个p元素} |
| 符号 | 说明 | 用法 |
| $("#id"). | 选择id对应的元素 | $("id").css("background","red"); |
| $(".iteam") | 选择所有iteam的多个元素 | $("iteam").css("",""); |
| $("div") | 标签名字为div的元素 | $("div").css("标签属性","标签属性值"); |
| $("*") | 通配符选择器 | $("*").css("","") |
| $(".iteam,div") | 选择指定的多个元素 | $(".iteam,div").css("") |
jQuery设置css多个样式：
$("li").css(
{
"background-color":"red";
"font-size":"18px";
}
)
函数设置元素样式:
$("li").css("fontsize",function(index,value)
{
// index:当前元素的索引号；
// value:表示当前元素要设置的样式
// console.log(index);
//console.log(value);
return (index+1)*10+"px";
}
);