jQuery-與DOM的關係
阿新 • • 發佈：2018-12-19
<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>