课程概要
- jQuery选择器
- jQuery事件
jQuery选择器
元素选择器
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-3.1.1.min.js"></script>
<script src="2.js"></script>
</head>
<body>
<p>p1</p>
<p>p2</p>
<button>click me</button>
</body>
</html>
$(document).ready(function(){
$("button").click(function(){
$("p").text("p元素被修改了");
});
});
id选择器
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-3.1.1.min.js"></script>
<script src="2.js"></script>
</head>
<body>
<p>p1</p>
<p id="pid">p2</p>
<button>click me</button>
</body>
</html>
$(document).ready(function(){
$("button").click(function(){
$("#pid").text("p元素被修改了");
});
});
类选择器
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-3.1.1.min.js"></script>
<script src="2.js"></script>
</head>
<body>
<p>p1</p>
<p class="pclass">p2</p>
<button>click me</button>
</body>
</html>
$(document).ready(function(){
$("button").click(function(){
$(".pclass").text("p元素被修改了");
});
});