$()與jQuery()
jQuery中$函數，根據傳入參數的不同，進行不同的調用，實現不同的功能。返回的是jQuery對象
jQuery這個js庫，除了$之外，還提供了另外一個函數：jQuery
jQuery函數跟$函數的關系：jQuery ===$;
jQuery與js區別
jquery有一層功能皮膚，其內核還是js
JS與jQuery對象之間的轉換
1、js對象轉換成jquery對象。 $(js對象);
2、jquery對象轉換成js對象。 (1)jquery對象[索引值] (2)jquery對象.get(索引值)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> //入口函數 jQuery(document).ready(function () { //js方式獲取元素 var box = document.getElementById("box"); var cbox = document.getElementsByClassName("box"); var div = document.getElementsByTagName("div"); //jquery方式獲取元素 var jqbox = $("#box"); var jqCbox = $(".box"); var jqdiv = $("div"); //js轉換成juery轉換。 box = $(box); cbox = $(cbox); div = $(div); //js轉換成了jquery對象，皮上面有功能可以直接調用。 div.css({"width": 100, "height": 100, "border": "1px solid red"}); box.css("background", "red"); cbox.css("background", "yellow"); //jquery對象轉換成js對象 jqdiv[0].style.backgroundColor = "black"; jqdiv.get(4).style.backgroundColor = "pink"; }); </script> <div></div> <div class="box"></div> <div id="box"></div> <div class="box"></div> <div></div> </body> </html>
注意事項
1、jQuery對象是一個數組。數組中包含着原生JS中的DOM對象，還有其他特有的屬性
2、jQuery對象數組中包含的東西很多，但是jQuery對象.length依然是計算原生js中的DOM對象