jQuery选择器

一 css选择器回顾

CSS选择器

二 jQuery基本选择器

jQuery选择器

    
    
    
    
    



    
1111111
    
2222222
    
3333333
    
4444444
    
5555555
    
6666666


 

 对方水电费
  

规律：$(selector).css(“background”,”red”);
Console.log();在控制台打印
alert();弹窗打印
三 css的详细用法

    
    
    
    
    



    
1111111
    
2222222
    
3333333

总结：
1 获取选中标签样式

.css("background-color")

2 设置样式

$("li").css("background-color","red");

3 设置多个样式

$("li").css({
"background-color":"red",
"font-size":"30px",
"color":"green"
})

4 设置样式，可以根据我们自己的意愿设置

$("li").css("background",function (index,value) {
//index;指定当前元素的索引号
//value;表示当前元素的要设置的样式，此处指：background-color
/* alert(index);
alert(value);*/
// return (index + 1) * 10 + "px";
switch(index){
case 0: return "red";break;
case 1: return "green";break;
case 2: return "blue";break;
}
})
})

四 jQuery是什么
jQuery就是js的一个库，把我们常用的一些功能进行了封装，方便我们调用，提高我们开发效率。
五 js和jQuery的区别
js是一门编程语言，我们用它编写客户端浏览器脚本。
jQuery是js的一个库，包含多个可重用的函数，用来辅助我们简化js开发。
jQuery可以做到的js都可以做到，而js能做到的，jQuery不一定能做到。
六 jQuery其他选择器
1 层级选择器

层级选择器

层级选择器选择了选择符 后面那个元素，比如，div > p，是选择>后面的p元素。

姐妹很多01





孩子很多

孩子很多

孩子很多







姐妹很多02

姐妹很多03

姐妹很多04

姐妹很多05

姐妹很多06

姐妹很多07

姐妹很多08

姐妹很多09

姐妹很多10





我是p元素



我是第一个div后面的兄弟div





我是第er个div后面的兄弟div

2 过滤选择器

基本过滤选择器

01男嘉宾

02男嘉宾

03男嘉宾

04男嘉宾

05男嘉宾

06男嘉宾

07男嘉宾

08男嘉宾

09男嘉宾

10男嘉宾





01男嘉宾

02男嘉宾

03男嘉宾

04男嘉宾

05男嘉宾

06男嘉宾

07男嘉宾

08男嘉宾

09男嘉宾

10男嘉宾

3 属性选择器

属性选择器

百度

前端移动

新浪

我没有href

4 筛选选择器

我是第1个span

我是第2个span

我是第3个span





Hello





Hello Again







我是li01

我是li02

我是li03

我是li04

我是li05

我是li06

我是li07

我是li08