我好饿啊~~~~~~~~~~~~~~~~~
我没有钱了（哭），没有钱就要去搞钱，我要搞钱
QWQ可是我没有地方搞钱啊！！！！！！！！
JQuery的学习
1
2
3
4
5
6
7
8
| //后代关系选择器？
// parent() 父级
// children() 子级
// find() 后辈
// siblings () 所有兄弟
// prevALL() 以上所有兄弟
// nextALL() 以下所有兄弟
// eq()
|
01-jquery认识
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
| <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
width: 200px;
height: 200px;
background-color: skyblue;
}
</style>
</head>
<body>
<div></div>
<button>点击</button>
<button>点击</button>
<button>点击</button>
<button>点击</button>
</body>
<script>
// query：用最少的代码完成js实现的效果
// query：是js的框架
// 点击事件
// $("button"):jquery对象
// $("button")[0]:js对象
// $():获取标签对象
// 将jquery对象转换成js对象：[下标]
// var a = $("button")[0]
// 将js转换成jquery
// $(a)
// 1-标签对象的获取
// $("div"):获取div标签
// $(".dv"):获取类名为dv的标签
// $("#dv"):获取id为dv的标签
// $("#dv,.dv"):获取id为dv和类名为dv的标签
// $("div.dv"):获取div下的所有类名为dv标签
// $("div>.dv"):获取div子代类名为dv的标签
// 获取多个
console.log($("button"))
// 筛选选择器
// $("button:first") 获取第一个
// $("button:last") 获取最后一个
// $("button:eq(2)") eq(下标)等于，下标从0开始
// $("button:odd") 获取奇数个
// $("button:even") 获取偶数个
$("button:odd").click(function (){
$(this).css("background-color","red")
})
</script>
</html>
|
子类选择器
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
| <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
<li class="xy">
西游记
<ul>
<li>孙悟空</li>
<li class="zbj">猪八戒</li>
<li>沙和尚</li>
</ul>
</li>
</ul>
<button>点击</button>
</body>
<script>
// 后代关系选择器
// parent()父级
// children() 子级
// find() 后辈
// siblings() 所有兄弟
// prevALL() 以上所有兄弟
// nextALL() 以下所有兄弟
// eq() 等于某个
var btn = $("button")
btn.click(function (){
// $(".xy").parent().css("color","red")
// $(".xy").find("zbj").css("color","red")
// $(".zbj").siblings().css("color","red")
$(".xy").children().eq(2).css("color","red")
})
</script>
</html>
|
