<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="JQuery/jquery-3.4.1.min.js">
</script>
<script>
$(document).ready(function(){
$("div").on("click","button",function(event){
$(event.delegateTarget).css("background-color", "pink");
});
});
</script>
</head>
<body>
<div style="background-color:red;width: 500px;height: 100px;">
<button>点击</button>
</div>
<br>
<div style="background-color:red;width: 500px;height: 100px;">
<button>点击</button>
</div>
</body>
</html>
```2.使用jquery修改div 的子元素p的内容为我是子元素
Title
3.使用jquery修改第二个P元素的背景色为orange
Title
4. 删除列元素中的最后一个
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="JQuery/jquery-3.4.1.min.js"></script>
</head>
<body>
<ul>
<li>元素01</li>
<li>元素02</li>
<li>元素03</li>
<li>元素04</li>
<li>元素05</li>
</ul>
<script>
$('ul li:last').remove()
</script>
</body>
</html>
5.点击当前的P标签,弹出相应的元素下标
`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="JQuery/jquery-3.4.1.min.js"></script>
</head>
<body>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<script>
$('p').click(function(){
alert($(this).index())
})
</script>
</body>
</html>
`
6.利用jquery中的animate()方法。。。。懒得打了自己看题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="JQuery/jquery-3.4.1.min.js"></script>
</head>
<style>
.box{
width:200px;
height:200px;
position:absolute;
top: 50px;
left: 50px;
background-color: red;
}
</style>
</head>
<body>
<div class="box"></div>
<button id="btn">点击按钮</button>
<script>
$('#btn').click(function(){
$('.box').stop().animate({"left":500+'px'})
})
</script>
</body>
</html>