jQuery是一款流行的JavaScript庫,廣泛應用于Web開發中,可以幫助開發者更快捷地實現對HTML文檔的操作、事件處理、動畫效果和AJAX數據交互等功能。本教案將介紹jQuery的基本語法,以及常用的API函數。
// 引入jQuery庫: <script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script> // 簡單的jQuery語法: $(selector).action(); // 在文檔加載完成后執行: $(document).ready(function(){ // 代碼 }); // 獲取和設置HTML元素的內容: $(selector).html(content); $(selector).text(content); // 獲取和設置HTML元素的屬性: $(selector).attr(attributeName); $(selector).attr(attributeName, value); // 添加、移除和切換HTML元素的類: $(selector).addClass(className); $(selector).removeClass(className); $(selector).toggleClass(className); // 顯示和隱藏HTML元素: $(selector).show(speed, callback); $(selector).hide(speed, callback); $(selector).toggle(speed, callback); // 淡入和淡出HTML元素: $(selector).fadeIn(speed, callback); $(selector).fadeOut(speed, callback); $(selector).fadeToggle(speed, callback); // 滑動HTML元素: $(selector).slideDown(speed, callback); $(selector).slideUp(speed, callback); $(selector).slideToggle(speed, callback); // 處理HTML元素的事件: $(selector).click(function()); $(selector).dblclick(function()); $(selector).mouseenter(function()); $(selector).mouseleave(function()); // 發送和接收AJAX請求: $.ajax({url: "demo.txt", success: function(result){ $("#div1").html(result); }}); // 更多API函數請參閱官方文檔。
上一篇小程序制作css背景
下一篇jquery 支付