<!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元素的第一级元素) 为什么结果会一样?
关键还是在于 父节点没有确定,如果没有确定父节点 ,那么子节点 也会变成父节点,那结果也就是一样的了。