jQuery是一種非常流行的JavaScript庫,它是一種快捷、簡潔的JavaScript編程方式。本文將介紹一些關于jQuery使用的案例。
//案例一:文本框輸入驗證 $(document).ready(function(){ $("#subBtn").click(function(){ var name = $("#name").val(); var email = $("#email").val(); if(name == "" || email == ""){ alert("請輸入姓名和電子郵件!"); }else{ alert("提交成功!"); } }); }); //案例二:菜單欄切換 $(document).ready(function(){ $("#nav li").click(function(){ $(this).addClass("active").siblings().removeClass("active"); var tabId = $(this).attr("data-tab"); $("#content .tab-item").hide(); $("#" + tabId).show(); }); }); //案例三:圖片輪播 $(document).ready(function(){ var currentIndex = 1; var lastIndex = $("#slider img").length; setInterval(function(){ $("#slider img").fadeOut(300); $("#slider img:nth-child("+currentIndex+")").fadeIn(300); currentIndex = (currentIndex == lastIndex) ? 1 : currentIndex+1; }, 3000); });
以上是三個使用jQuery進行開發的案例,分別是文本框輸入驗證、菜單欄切換和圖片輪播。這些案例展示了jQuery在網頁開發中的靈活性和高效性。
上一篇mysql三個的內連接
下一篇mysql三個字段相乘