jQuery是一款流行的JavaScript庫,為開發者提供了豐富的API和操作DOM的便利。下面我們來看一些jQuery的實例:
$(function() { //在頁面加載完畢后執行以下代碼 alert("頁面已經加載完畢"); }); $("#myBtn").click(function() { //當ID為myBtn的按鈕被點擊后執行以下代碼 $(this).hide(); }); $("p").hover(function() { //當鼠標移動到任何一個p標簽上時執行以下代碼 $(this).css("background-color", "yellow"); }, function() { $(this).css("background-color", "white"); }); $("#myForm").submit(function(event) { //當表單被提交時執行以下代碼 event.preventDefault(); //防止表單自動提交 var formData = $(this).serialize(); //獲取表單數據 $.ajax({ type: "POST", url: "submit.php", data: formData, success: function(response) { //當服務器響應成功時執行以下代碼 alert("成功提交表單!"); } }); });
這些實例只是jQuery的冰山一角,它還提供了很多其他的操作DOM和操作數據的API,可以讓開發者更加高效地完成工作。
上一篇jquery 字符 長度
下一篇jquery 字符替換