一.CSS选择器:
- #id id选择器 #id{color:red}
- .class 类选择器 .class{}
- element 标签选择器 p{}
- ‘*’ 通配符选择器 配合其他选择器使用
- , 并集选择器 div,p {}
- (空格) 后代选择器 div p{} 后代的都行
- > 子代选择器 div >span{} 只能是儿子
- ‘+’ 紧邻选择器 div+P{} 紧挨着div的P元素
二.jQuery 选择器 实现了从CSS1 到CSS3 的所有选择器
1.jQuery和JS设置css属性的不同:
jquery: $(#id").css('background',"red")
JS: dom.style.backgroundColor="red'
2.css方法有两个参数,设置被选元素的属性,有一个参数,是获取被选元素的属性
$(#id").css(''color") //获取该元素的css属性值
3.‘ * ’ 通配符选择器
$("*").css("font-size","14px") //给所有的都设置成字体大小为14px
三.jQuery的隐式迭代
jQuery内部帮我们循环遍历所有的元素
四.jQuery选择器
1.$(“#demo”): 选择 id为demo的第一个元素
$("#demo").css('background','black") //有多个只选择第一个
2.$(“.item”) : 选择所有class为item的元素
$(".item").css('background','black")
3.$(‘div’) : 选择所有标签为div的元素
$('div') .css('background','black")
4.$(“*”) : 选择所有的元素,配合其他选择器来使用
$("*").css('background','black")
5.$(‘.item,div’) : 选择多个指定的选择器,这里是指item和div元素
$('.item,div') .css('background','black")
规律:jQuery完全是结合了css获取class的模式来操作dom
$(selector).css('background','black")