jQuery中find()方法用法实例

2020-05-23 06:06:00易采站长站整理
element用于匹配元素的DOM对象或者jQuery对象。

实例代码:


<!DOCTYPE html>
<html>
<head>
<meta charset=” utf-8″>
<meta name=”author” content=”//www.jb51.net/” />
<title>find()函数-软件开发网</title>
<style type=”text/css”>
.father{
  height:200px;
  width:200px;
  border:1px solid blue;
}
</style>
<script type=”text/javascript” src=”mytest/jQuery/jquery-1.8.3.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
  $(“.father”).find(document.getElementById(“myp”)).css(“border”,”1px solid red”);
})
</script>
</head>
<body>
<div class=”father”>
  <div class=”children”>
    <p id=”myp”>我是孙子p</p>
  </div>
  <p>我是儿子p</p>
</div>
<p>我是兄弟p</p>
</body>
</html>

以上代码可以将father元素下id属性值为myp的元素的边框设置为一像素红色。

希望本文所述对大家的jQuery程序设计有所帮助。