jQuery入門(1)
1、了解jQuery與JavaScript的區別
css --你的長相啦
Html --軀干
js --運動神經
jQuery就是對JavaScript的一個拓展,封裝,就是讓JavaScript更好用
2、了解jQuery的優勢
開源--開放源代碼
輕量級
強大的選擇器
出色的DOM操作(對DOM元素的一個增刪改查)
完善的Ajax,出色的瀏覽器兼容性,豐富的插件支持,完善的文檔(說明書)
鏈式操作方式, 寫得少,做的多
(write less ,do more) less is more
3、熟悉使用jQuery
一:下載jquery文件,把文件放入到項目中去,在頁面當中引入jquery文件(選中jquery文件直接拖拽過去到(head標簽里面或者body里面))
4、掌握jQuery的編碼風格
5、掌握jQuery對象和DOM對象的區別
var name = document.getElementById("name"); //jsDOM對象
alert(name.value); //通過獲取到的對象得到它的值
var $name = $("#name");//jquery對象
var $name1 = $(name).val(); //DOM對象轉換為jQuery對象,轉換之后就能使用jquery對象的方法了;
var name1 = $name.get(0); //把jquery對象轉換為DOM對象;
知識點:
1:第一個非常重要的jQuery函數:jQuery(document).ready(function(){ 需要執行的代碼}) 等價于$(function(){ 需要執行的代碼 })
$(function(){ 需要執行的代碼 }) 等價于 js的 window.onload=function(){ }
2:另外一個文檔加載完畢事件:body的onload事件
它和jquery窗體加載事件的區別:一般onload事件只有一個,如果頁面有多個onload事件,只執行最后一個,而jquery文檔加載完畢函數
可以有N多個,而且每一個都會按照順序依次
jquery的文檔加載完畢函數執行事件要早于body的onload事件(尤其是頁面上有大量的圖片需要加載的時候,兩者之間的差異就更明顯)

浙公網安備 33010602011771號