$('div div')和$('div >div')的区别

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<script src="jquery.min.js" type="text/javascript"></script>

		<script type="text/javascript">
			$(function(){
			
				var a=$('div  div');
           // var aa=$('div >div');
				a.each(function(){
					alert($(this).html());
				});
				
			$('<div>tttttttttttttt</div>').appendTo('body');
			
	        document.
				
			});
		</script>

	</head>
	<body>
		<div>aaaaaaaaaaa</div>   
        <div>bbbbbbbbb</div>
        <div>
        	<div>cccc</div>
        </div>
        
        <div>
        	<div>
            	<div>dddddddddd</div>
            </div>
        </div>
        
        <div>ffffff</div>
	</body>
</html>

今上午 测试了一个小例子      关于 $('div div') 和 $('div >div')的区别

测试结果 显示的都是一样的 。

但是 $('div div')寻找的是 div下所有的 Div节点 ,$('div >div')是寻找子级元素(当前Div元素的第一级元素) 为什么结果会一样?

关键还是在于 父节点没有确定,如果没有确定父节点 ,那么子节点 也会变成父节点,那结果也就是一样的了。

原文地址:https://www.cnblogs.com/AaronLi/p/1935453.html