ready() 方法用於在文件載入後使函式可用。你在 $(document).ready() 方法內編寫的任何程式碼都將在頁面 DOM 準備好執行 JavaScript 程式碼後執行。示例你可以執行以下程式碼來學習如何在 jQuery 中使用 $(document).ready() 方法：線上演示 jQuery 函式 $(document).ready(function() { $("div").click(function() { alert("Hello, world!"); }); }); 點選此處檢視對話方塊。

在網頁中初始化 jQuery 非常簡單。你可以執行以下程式碼來學習如何在網頁中初始化 jQuery。我們使用 Google CDN 來新增 jQuery。Microsoft CDN 也可用於將 jQuery 庫新增到 HTML 的相同目的。示例線上演示 jQuery 函式 $(document).ready(function() { $("div").click(function() {alert("歡迎來到 Tutorialspoint!");}); }); 點選此處檢視對話方塊。

要使用 jQuery 新增和刪除 HTML 屬性，請使用 addClass() 和 removeClass() 方法。你可以執行以下程式碼來學習如何使用 jQuery 新增和刪除 HTML 屬性：示例線上演示 jQuery 示例 $(document).ready(function(){ $('#add').click( function () { $('#page_navigation1').addClass( 'blue-class' ); }); $('#remove').click( function () { $('#page_navigation1').removeClass( 'blue-class' ); }); }); .blue-class { background-color: blue; font-size: 30px; } 演示 新增 刪除

要刪除 HTML 元素的所有屬性，removeAttr() 方法不起作用。為此，請建立一個數組並使用 removeAllAttrs() 刪除特定 HTML 元素的所有屬性。例如，透過刪除 img 元素的屬性來刪除影像。你可以執行以下程式碼來學習如何從元素中刪除所有屬性。我們正在刪除 img 元素屬性：示例線上演示 選擇器示例 $(document).ready(function() { $(".remove-attr").click(function(){ ... 閱讀更多

要使用 jQuery 從每個標籤中刪除屬性，請使用 removeAttr() 方法並使用通用選擇器。讓我們看看如何使用該方法刪除所有樣式屬性。還使用通用選擇器來選擇所有元素。你可以執行以下程式碼來學習如何使用 jQuery 刪除所有樣式屬性：示例線上演示 $(document).ready(function(){ $("button").click(function(){ $("h1").removeAttr("style"); }); }); 這是一個標題 這是一個演示文字。 這是一個標題 這是一個演示文字。 刪除 點選上面從所有 h1 元素中刪除樣式屬性。

要使用 jQuery 從每個標籤中刪除屬性，請使用 removeAttr() 方法。你可以執行以下程式碼來學習如何刪除屬性：示例線上演示 $(document).ready(function(){ $("button").click(function(){ $("h1").removeAttr("style"); }); }); 這是一個標題 這是一個演示文字。 這是一個標題 這是一個演示文字。 刪除 點選上面從所有 h1 元素中刪除樣式屬性。

jQuery 提供了許多操作屬性的方法。這些是與 DOM 相關的 method。屬性包括：text() – 此方法設定或返回所選元素的文字內容。html() – 此方法設定或返回所選元素的內容。val() – 此方法設定或返回表單欄位的值。你可以執行以下程式碼來學習如何使用 text() 和 html() 方法操作屬性：示例 $(document).ready(function(){ $("#button1").click(function(){ alert("使用 text- " + $("#demo").text()); }); $("#button2").click(function(){ alert("使用 html()- " + $("#demo").html()); }); }); 這是一個演示文字。 文字 HTML

jQuery 效果方法用於建立自定義動畫效果。以下是 jQuery 中使用的一些提供效果的方法：序號方法描述1animate()對所選元素進行自定義動畫2clearQueue()從所選元素中刪除剩餘的排隊函式3delay()為所選元素上的所有排隊函式設定延遲4dequeue()從佇列中刪除下一個函式，然後執行該函式5fadeIn()淡入所選元素6fadeOut()淡出所選元素7fadeTo()將所選元素淡入/淡出到給定的不透明度8fadeToggle()在 fadeIn() 和 fadeOut() 方法之間切換9finish()停止、刪除並完成所選元素的所有排隊動畫讓我們來看一個示例來使用…… 閱讀更多

要使用 jQuery 在點選錨點標籤時新增類，請使用 addClass() 方法。你可以執行以下程式碼來學習如何在點選錨點標籤時使用 jQuery 實現新增類：示例線上演示 $(document).ready(function() { $("a").click(function() { $("a.active").removeClass("active"); $(this).addClass("active"); }); }); .active { font-size: 22px; } 一 二 點選上面的任何連結，你都可以看到變化。

要使用 jQuery 向錨標籤新增 title 屬性，可以使用 `prop()` 方法。`prop()` 方法用於設定所選元素的屬性和值。您可以執行以下程式碼來學習如何使用 jQuery 向錨標籤新增 title 屬性：示例線上演示 $(document).ready(function(){ $("#button1").click(function(){ $('.myClass').prop('title', 'This is your new title'); var myTitle = $('.myClass').prop('title'); alert(myTitle); }); }); 獲取標題