jQuery 1.2 是一個 JavaScript 庫,可以簡化使用 JavaScript 的網頁開發。它的 API (應用程序編程接口)包括各種函數和方法,可用于操縱 HTML 元素、事件處理、動畫和 AJAX 等。
下面是一些常用的 jQuery 1.2 API 函數和方法:
<script> // 選擇元素 $("p") // 選擇所有 p 元素 $("#myDiv") // 選擇 id 為 myDiv 的元素 $(".myClass") // 選擇 class 為 myClass 的元素 $("p:first") // 選擇第一個 p 元素 $("p:last") // 選擇最后一個 p 元素 $("ul li") // 選擇所有 ul 中的 li 元素 $("ul >li") // 選擇所有 ul 直接子元素中的 li 元素 // 操作元素 $("p").text("Hello World!") // 設置 p 元素的文本 $("p").html("<b>Hello</b> World!") // 設置 p 元素的 HTML $("p").attr("class", "myClass") // 設置 p 元素的 class 屬性 $("p").css("background-color", "yellow") // 設置 p 元素的背景顏色 $("p").addClass("myClass") // 給 p 元素添加一個 class $("p").removeClass("myClass") // 移除 p 元素的一個 class // 處理事件 $("p").click(function() { alert("Hello World!") }) // 綁定 click 事件 $("p").mouseenter(function() { $(this).css("background-color", "yellow") }) // 綁定鼠標進入事件 $("p").mouseleave(function() { $(this).css("background-color", "white") }) // 綁定鼠標離開事件 // 動畫效果 $("p").slideUp(1000) // 將 p 元素向上收起,持續 1 秒 $("p").slideDown(1000) // 將 p 元素向下展開,持續 1 秒 $("p").fadeIn(1000) // 將 p 元素淡入,持續 1 秒 $("p").fadeOut(1000) // 將 p 元素淡出,持續 1 秒 // AJAX $.ajax({ url: "example.php", type: "POST", data: { name: "John", age: 30 }, dataType: "json", success: function(response) { alert(response.message); }, error: function(xhr, status, error) { console.log(error); } }); </script>
通過使用 jQuery 1.2 的 API,開發者可以更加快速、方便地實現網頁效果和交互,從而提高網頁的用戶體驗。