在web開發中,jQuery是一個非常流行的JavaScript庫,它提供了非常方便的操作DOM的方法,使得開發者能夠更輕松地寫出復雜、交互性強的網頁。
$(selector).action();
$()方法是jQuery中最常用的方法之一。它可以通過傳遞的選擇器選擇指定的元素,然后執行后面的操作。
下面是一個例子:
$(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); });
這段代碼的意思是,在網頁加載完畢之后,當按鈕被點擊后,所有的p元素都會被隱藏。
讓我們仔細看一下:
$(document).ready(function(){});
這是一個常用的用法,它的作用是當文檔完全加載后執行指定的代碼。把代碼寫在這個函數中可以確保頁面上的所有元素都已經完全加載完畢。
$("button").click(function(){});
這是jQuery中給元素添加事件的方法。在這個例子中,我們添加了一個click事件到所有的按鈕元素上。
$("p").hide();
這就是我們的操作了。當按鈕被點擊后,所有選擇到的p元素將會被隱藏。
$()方法除了可以傳遞選擇器,還可以傳遞HTML標記、DOM元素、以及其他的一些參數。同時,還可以使用鏈式操作,讓我們在一個語句中實現多個操作。
$("p").addClass("myClass").removeClass("yourClass").css("color","red");
這個例子中,我們首先給所有的p元素添加了一個myClass的class,然后移除了一個yourClass的class,最后將文字顏色設置為紅色。
總之,$()方法是所有的jQuery操作的入口,通過傳入不同的參數選擇不同的元素來完成各種操作。