$('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元素的第一级元素） 为什么结果会一样？

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

posted @ 2011-01-14 13:23  Aaron li  阅读(705)  评论(0)    收藏  举报