文章编号：1847 / 更新时间：2024-12-30 17:52:20 / 浏览：次

jQuery 是一個 Javascript函式庫，它可以簡化 HTML 操作、事件處理、動畫和 Ajax。

選擇器

jQuery 使用選擇器來選擇網頁上的元素。選擇器可以是類名、ID 或標籤。

$(document).ready(function() {$("p").hide();
});

這段代碼將隱藏網頁上所有的段落。

操作元素

jQuery 可以用於操作 HTML 元素，例如顯示、隱藏、新增或刪除元素。

$(document).ready(function() {$("p").show();$("p").hide();$("p").addClass("myClass");$("p").removeClass("myClass");
});

) {alert("段落被點擊！");}); });

這段代碼將在使用者點擊段落時顯示一個快顯視窗。

動畫

jQuery 可以用於在網頁上建立動畫效果，例如淡入、淡出和滑動。

$(document).ready(function() {$("p").fadeIn();$("p").fadeOut();$("p").slideUp();$("p").slideDown();
});

這段代碼將依序淡入、淡出、向上滑動和向下滑動網頁上所有的段落。

Ajax

jQuery可以用於進行非同步的 Ajax 請求，這能讓你在不重新整理網頁的情況下從伺服器載入資料。

$(document).ready(function() {$.get("data.json", function(data) {$("p").text(data.name);});
});

這段代碼將從 data.JSON 檔案取得資料，然後將資料的 name 屬性設定為網頁上所有段落的文字。

結論

jQuery 是一個強大的函式庫，它可以簡化 JavaScript 的開發。上述範例僅僅是 jQuery 的基本功能，還有許多其他有用的功能。欲了解更多資訊，請參閱 jQuery 官網：。

相关标签： jquery官网、 教程、 jQuery、

本文地址：https://www.qianwe.com/article/49bda5af417948cad0da.html

上一篇：C语言初学者指南从入门到精通的完整教程c语...
下一篇：Java入门初学者指南java入门基础知识...