JQuery是一個很流行的JavaScript庫,它讓JavaScript編程更簡單,更容易。JQuery可以被用來操作HTML文檔、處理事件和動畫效果、使得Ajax編程更加容易。在本文中,我們將介紹一些JQuery的基本用法。
$(document).ready(function(){ //你的代碼 });
JQuery的大部分代碼都包條件語句在這樣的結構里,這意味著在文檔載入時JQuery將開始執行代碼。
$(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); });
這是一個隱藏所有p標簽的JQuery代碼。當button標簽被點擊,JQuery執行代碼,并把所有的p標簽隱藏。
$(document).ready(function(){ $("button").click(function(){ $("p").css("background-color", "yellow"); }); });
這是一個使所有p標簽的背景顏色變成黃色的JQuery代碼。當button標簽被點擊,JQuery執行代碼,并把所有的p標簽的背景顏色變成黃色。
$(document).ready(function(){ $("p").hover(function(){ $(this).css("background-color", "blue"); }, function(){ $(this).css("background-color", "gray"); }); });
這是一個當鼠標指針移到p標簽上時,使其背景變成藍色,離開時變成灰色的JQuery代碼。
以上只是一些JQuery的基本用法,JQuery可以執行更多的任務。當然,如果你想深入了解這個強大的庫,你可以訪問JQuery官方網站。
上一篇jquery 多條件篩選
下一篇居中設置css樣式