jQuery选择器获取元素并非是动态

快乐打工仔 分类:实例代码

使用jQuery选择器获取元素的时候,需要注意一点,那就是它并非动态的。

代码实例如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function () {
  var $lis = $("ul li");
  var len = $lis.length;
  var $li = $("<li>犀牛前端部落六</li>");
  $("ul").append($li);
  $("div").text($lis.length);
});
</script>
</head>
<body>
<div></div>
<ul>
  <li>犀牛前端部落一</li>
  <li>犀牛前端部落二</li>
  <li>犀牛前端部落三</li>
  <li>犀牛前端部落四</li>
  <li>犀牛前端部落五</li>
</ul>
</body>
</html>

上面的代码中,为ul元素添加了一个新的li元素。

但是最后打印出来$lis的长度依然是5,而不是6,这一点和getElementsByTagName()有区别。

具体可以参阅getElementsByTagName()获取元素是动态的一章节。

jQuery选择器获取元素并非是动态,这样的场景在实际项目中还是用的比较多的,关于jQuery选择器获取元素并非是动态就介绍到这了。

jQuery选择器获取元素并非是动态属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容