jquery是js函數函式庫嗎

WBOY
發布: 2022-07-26 17:27:59
原創
2062 人瀏覽過

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

jquery是js函數函式庫嗎

本文操作環境: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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!