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选择器获取元素并非是动态属于前端实例代码，有关更多实例代码大家可以查看。