jQuery 是一種流行的 JavaScript 庫,為 JavaScript 編程帶來了很多方便。jQuery 可以通過簡單的語法來完成復(fù)雜的任務(wù),這讓 JS 開發(fā)者更加便利。以下介紹了jQuery JavaScript語法的一些基礎(chǔ)。
$(document).ready(function(){ //代碼 });
這是 jQuery 中最常見的代碼塊,它用于在頁面完全加載之后執(zhí)行代碼。文檔對象模型(DOM)完成之后,函數(shù)內(nèi)的代碼才會執(zhí)行。
$(selector).action();
jQuery 函數(shù) $() 用于選取 DOM 元素(或元素組)。 action() 則是需要被執(zhí)行的動作,比如:隱藏或顯示元素、改變 HTML 內(nèi)容、改變元素樣式。
$(this).hide(); / $(this).show(); // 隱藏/顯示被單擊的元素 $("p").hide(); / $("p").show(); // 隱藏/顯示所有 p 元素 $(".test").hide(); / $(".test").show(); // 隱藏/顯示所有帶有 class="test" 的元素 $("#test").hide(); / $("#test").show(); // 隱藏/顯示 ID="test" 的元素
上面的代碼展示了一些基本的 jQuery 選擇器及方法,通過這些方法可以實(shí)現(xiàn)頁面中 DOM 元素的動態(tài)操作。
$("button").click(function(){ $(this).hide(); // 隱藏被單擊的按鈕 });
以上代碼利用 jQuery 事件處理程序,監(jiān)聽 button 元素的 click 事件,當(dāng)按鈕被點(diǎn)擊時,就會執(zhí)行函數(shù)內(nèi)部代碼。
簡而言之,這里介紹的是 jQuery JavaScript 語法的一些基礎(chǔ),通過選擇器及方法,可以輕松方便地實(shí)現(xiàn) DOM 元素的動態(tài)操作,并通過事件處理程序靈活地控制交互頁面上所發(fā)生的變化。