1. 程式人生 > >【JavaScript】JQuery認識與基本用法

【JavaScript】JQuery認識與基本用法

是什麼

JQuery是一個JavaScript函式庫

jQuery特點

寫的少,做的多 相容性(做了必要的判斷和處理,可以相容不容瀏覽器) 體積小 鏈式程式設計 隱式迭代、外掛豐富、開源、免費

使用

把倆個jQuery庫拖進來就可以使用了

包含功能

HTML元素選取和操作 CSS操作 HTML事件函式 JavaScript特效和動畫 HTML DOM遍歷和修改 AJAX Utilities

語法

入口函式

$(function(){
   // 執行程式碼
});

//JavaScript的入口函式
window.onload = function () {
    // 執行程式碼
}

事件的新增

$(...).事件名(function(){});

屬性與樣式

$(...).css("border","1px solid red")
$(...).css({...})
$(...).css("border")

屬性操作

//獲取
$(...).attr(屬性名)
//賦值
$(...).attr(屬性名,值)

innerHTML

$(...).html()

innerText

$(...).text()

value

$(...).val()