$('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>
结果: