<body>
<ul>
<li>导航1</li>
<li>导航2</li>
<li>导航3</li>
<li>导航4</li>
</ul>
<p id="test">test</p>
</body>
<script type="text/javascript" src="public/Js/jQuery.js"></script>
<script type="text/javascript">
// 下面一行，充分证明$(选择器返回的不是DOM对象)
// $('#test').style.background = 'blue';
//下面一行，充分证明，DOM对象 也不是 $() 的返回值
//var text = document.getElementByIdName('text');
//text.css('background', 'blue');
// $() 返回值到底是什么？ 是对象，但不是DOM对象，而是 jQuery 对象
/*
jQuery 对象与 DOM 对象有什么关系？
答：jQuery 按选择器，选中一个或多个DOM对象，把这些DOM对象，放在jQuery对象上，索引分别是 0,1,2,3...
*/
//jQuery 对象转换为DOM对象，直接[索引]取值即可
//例：选中第三个li：$('li')[2]
//也可以用get(索引)的方法
// $('li').get(3).style.background = 'blue';
//DOM 对象转化为 jQuery 对象
//var text = document.getElementByIdName('text');
//$(text).css('background', 'red');
</script>
总结：jQuery 对象就是DOM对象集合，可以通过“[索引值]”的方式将jQuery对象转换为DOM对象；DOM对象转化为jQuery的方式是$(jQuery对象)。
188
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
