jQuery_基本选择器

一.CSS选择器：

1. #id            id选择器             #id{color:red}
2. .class       类选择器             .class{}
3. element    标签选择器           p{}
4. ‘*’              通配符选择器     配合其他选择器使用
5. ，             并集选择器          div，p {}
6. (空格)      后代选择器          div p{} 后代的都行
7. >              子代选择器         div >span{} 只能是儿子
8. ‘+’            紧邻选择器          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")