jQuery的基本使用

碼農47發表於2018-04-02


min:它是壓縮過的版本

區別:我們開發過程中,會用未壓縮的版本,或者壓縮的。

           專案上線的時候,我們要用壓縮過的版本。

版本問題:

1.xxx 版本      jQuery-1.11.1.js

2.xxx 版本      不再支援IE6、7、8

------------------------------------------------------------------------------------------------------------------------------------------------------

1.引包

用jQuery之前,先引入jQuery,然後再去寫我們的jQuery程式碼。

2.入口函式

$(document).ready(function(){});

$(function(){});


3.事件處理程式

3.1事件源

Js方式:document.getElementById(“id”)

jQuery方式:$(“#id”)

3.2事件

Js方式 :document.getElementById(“id”).onclick

jQuery方式: $(“#id”).click

區別:jQuery的事件不帶on

3.3事件處理程式

Js 書寫方式:

document.getElementById(“id”).onclick = function(){

    // 語句

}

jQuery 書寫方式:

$(“#id”).click(function(){

    // 語句

});


相關文章