jquery是不是js函數庫

這篇文章主要講解了“jquery是不是js函數庫”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“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是不是js函數庫”的內容了，經過本文的學習后，相信大家對jquery是不是js函數庫這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！