代码描述:closest()函数parent()函数区别。closest()函数parent()函数区别简单介绍
标题中的两个在实际编码中非常的常用,它们之间有相同之处,但是不同的地方更多,下面通过代码实例介绍一下它们一些相同的和不同,希望能够给需要的朋友带来一定的帮助。 一.closest()函数: 此函数可以从当前元素本身向上层匹配,并返回最先匹配的元素。 此函数的匹配元素的数量是0个或者1个。 更多相关内容可以参阅jQuery closest()一章节。 代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> div{padding:20px;} .main{ width:200px; height:200px; background:green; margin-bottom:5px; } .box{ width:150px; height:150px; background:red; } p{ width:50px; height:50px; background:blue; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").closest("div").css("background-color","yellow"); }) </script> </head> <body> <div class="main"> <div class="box"> <p></p> </div> </div> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能