$('div','li') ，$('div li')，$("div.test")和$("input#test1")的区别

$('div','li') ，$('div li')，$("div.test")和$("input#test1")的区别

HTML

	<div >
		<input id="test1" type="text" value="ahaha" />
		<ul>
			<li>张雪松</li>
			<li>王珊珊</li>
			<div class="test">
				<li>季季红</li>
			</div>
		</ul>
	</div>

JS

<script type="text/javascript">
	//	$('li','div'): 找div 中的 所有li 子标签 
    $('li','div').each(function(){ 
	    console.log($(this).text());
	 }); 

  	 console.log("-----------------------");
 	//$("div").find("li"):结果与$('li','div') 完全一样。
  	$("div").find("li").each(function(){ 
	    console.log($(this).text());
	 });  
  	
  	 console.log("-----------------------");
  	 
	//$('div li'): 找div里面所有的li 标签，不管存在多少层关系
 	$('div li').each(function(){  
 		 console.log($(this).text());
	 }); 
	
 	 console.log("-----------------------");
 	 // $("div.test") ：表示中间没有空格，表示是“且”的关系,如下表示是div标签 且 class="test" 的元素。    
 	 $("div.test").each(function(){  
		 console.log($(this).text());
	 }); 
	 console.log("-----------------------");
	 //$("input#test1") :表示中间没有空格，表示是“且”的关系，是input标签且 id="test1"的元素
 	 console.log($("input#test1").val());
</script>

结果：

---