jquery中的DOM物件和j's中的DOM物件的區別
阿新 • • 發佈:2019-02-11
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-1.11.1.js"></script> <script> //入口函式 jQuery(document).ready(function () { var box = document.getElementById("box"); var cbox = document.getElementsByClassName("box"); var div = document.getElementsByTagName("div"); //jquery物件是一個數組。陣列中包含著原生JS中的DOM物件。 var jqbox = $("#box"); var jqCbox = $(".box"); var jqdiv = $("div"); console.log(box); console.log(jqbox); console.log("------------"); console.log(cbox); console.log(jqCbox); console.log("------------"); console.log(div); console.log(jqdiv); //原生js中沒有css(); // div.css("width: 100px;height:100px;background-color:red;margin:10px;"); //jquery中有css(); 原因就是因為:jquery有一層功能面板。 jqdiv.css({"width": 100,"height":100,"background-color":"red","margin":10}); }); </script> </head> <body> <div></div> <div class="box"></div> <div id="box"></div> <div class="box"></div> <div></div> </body> </html>
列印結果: