jquery是js函數函式庫嗎

jquery是一個JavaScript函數庫；jquery是一個輕量級的、快速、簡潔的JavaScript庫，jquery大大簡化了JavaScript編程，封裝了JavaScript常用的功能代碼，提供一種簡單的JavaScript設計模式，最佳化HTML文件操作、事件處理、動畫設計和Ajax互動。

本文操作環境：windows10系統、jquery3.6.0版、Dell G3電腦。

jquery是js函數函式庫

jQuery是快速、簡潔的JavaScript函式庫，大大簡化了 JavaScript 程式設計。 jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的程式碼，做更多的事情。它封裝JavaScript常用的功能程式碼，提供簡單的JavaScript設計模式，優化HTML文件操作、事件處理、動畫設計和Ajax互動。

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript程式碼庫（或JavaScript框架）。 jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的程式碼，做更多的事情。它封裝JavaScript常用的功能程式碼，提供簡單的JavaScript設計模式，優化HTML文件操作、事件處理、動畫設計和Ajax互動。

jQuery的核心特性可以總結為：具有獨特的鍊式語法和短小清晰的多功能介面；具有高效靈活的css選擇器，並且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。 jQuery相容於各種主流瀏覽器，如IE 6.0 、FF 1.5 、Safari 2.0 、Opera 9.0 等。

語法和選擇器

jQuery 語法是透過選取 HTML 元素，並對選取的元素執行某些動作。

基礎語法： $(selector).action()

美元符號定義jQuery

選擇符（selector）「查詢"和"查找」 HTML 元素

jQuery 的action() 執行對元素的操作

jquery入口函數：

$(document).ready(function(){
     // 执行代码
});

或

$(function(){
    // 执行代码
});

選擇器

##id ​​選擇器

點選按鈕對id為test的選擇器進行隱藏

$(document).ready(function(){ 
$("button").click(function(){ 
$("#test").hide(); 
}); 
});

.class 選擇器

點擊按鈕對class為test的選擇器進行隱藏

$(document).ready(function(){ 
$("button").click(function(){ 
$(".test").hide(); 
}); 
});

事件

$().click(function(){
….
})

其他事件可參考文字結尾API

取得並設定css類別

addClass() - 在被選元素中新增一個或多個類別

removeClass() - 從被選元素中刪除一個或多個類別

toggleClass() - 對被選元素進行新增/刪除類別的切換操作

css() - 設定或傳回樣式屬性

範例：

$(document).ready(function(){
$("button").click(function(){
$("body div:first").addClass("important blue");
});
});
.important {
font-weight:bold;
font-size:xx-large;
}
.blue {
color:blue;
}

相關教學建議： jQuery影片教學

以上是jquery是js函數函式庫嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！