<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
<script src="Jquery/jquery-3.4.1.min.js"></script>
</head>
<body>
<div class="center-block text-center" style="background-color: #2aabd2">
<button>点击</button>
</div>
<script>
$(document).ready(function(){
$("div").on("click","button",function(event){
$(event.delegateTarget).css("background-color", "red");
});
});
</script>
</body>
</html>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190923194751162.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VtcHR5X2hlYXJ0,size_16,color_FFFFFF,t_70)
<!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>
<div>
<p>换文字</p>
</div>
<script>
$('div p').text('我是子元素')
</script>
</body>
</html>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190923194849912.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VtcHR5X2hlYXJ0,size_16,color_FFFFFF,t_70)
<!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>
<div>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>
<script>
$('p').eq(1).css('background-color','orange')
</script>
</body>
</html>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190923195026104.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VtcHR5X2hlYXJ0,size_16,color_FFFFFF,t_70)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-3.4.1/jquery-3.4.1.min.js"></script>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li id="1">3</li>
</ul>
<button>点击删除</button>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#1").remove();
});
});
</script>
</body>
</html>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190923195129857.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VtcHR5X2hlYXJ0,size_16,color_FFFFFF,t_70)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-3.4.1/jquery-3.4.1.min.js"></script>
</head>
<body>
<div>
<p>11</p>
<p>22</p>
<p>33</p>
<p>44</p>
</div>
<script>
$('p').click(function () {
alert($(this).text())
})
</script>
</body>
</html>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190923195227590.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VtcHR5X2hlYXJ0,size_16,color_FFFFFF,t_70)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-3.4.1/jquery-3.4.1.min.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").animate({left:"300px"});
});
});
</script>
</head>
<body>
<button class="btn1">点击移位</button>
<div style="position:relative">
<p style="background-color:yellow;width:100px;position:absolute">.....</p>
</div>
</body>
</html>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190923195324611.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VtcHR5X2hlYXJ0,size_16,color_FFFFFF,t_70)