jQuery是一個JavaScript庫,它是一個輕量級的、快速的、跨瀏覽器的JavaScript庫,它簡化了HTML文件遍歷和操作、事件處理、動畫、Ajax等等操作。下面是一些jQuery常用語法語句的應用實例。
$(document).ready(function(){ $("button").click(function(){ $("p").toggle(); }); });
以上代碼是在HTML文件中使用jQuery創建了一個按鈕并定義了click事件,每次點擊按鈕會顯示或隱藏頁面中所有的文本段落。
$(document).ready(function(){ $("p").hover(function(){ $(this).css("background-color", "yellow"); }, function(){ $(this).css("background-color", "white"); }); });
以上代碼是在HTML文件中使用jQuery創建了幾個文本段落,當鼠標懸停在某個段落上時,背景色會變成黃色,移開鼠標后背景色又變成白色。
$(document).ready(function(){ $("#hide").click(function(){ $("p").hide(1000); }); $("#show").click(function(){ $("p").show(1000); }); });
以上代碼是在HTML文件中使用jQuery創建了兩個按鈕,分別用來隱藏和顯示頁面中的文本段落,隱藏和顯示的速度是1秒鐘(1000毫秒)。
$(document).ready(function(){ $("input").focus(function(){ $(this).css("background-color", "pink"); }); $("input").blur(function(){ $(this).css("background-color", "white"); }); });
以上代碼是在HTML文件中使用jQuery創建了一個文本輸入框,當輸入框獲取焦點時,背景色會變成粉色,失去焦點后背景色又變成白色。
以上是幾個簡單的jQuery語法語句的應用示例,希望能對初學者學習和了解jQuery有所幫助。