jquery基礎語法

2021-07-28 12:24:26 字數 840 閱讀 4769

1.1基礎語法是:$(selector).action()

$(this).hide() - 隱藏當前元素

$("p").hide() - 隱藏所有段落

$(".test").hide() - 隱藏所有 class="test" 的所有元素

$("#test").hide() - 隱藏所有 id="test" 的元素

您也許已經注意到在我們的例項中的所有 jquery 函式位於乙個 document ready 函式中:

$(document).ready(function());
這是為了防止文件在完全載入(就緒)之前執行 jquery **。

jquery 使用 css 選擇器來選取 html 元素。

$("p") 選取 元素。

$("p.intro") 選取所有 class="intro" 的 元素。

$("p#demo") 選取所有 id="demo" 的 元素。

jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。

$("[href]") 選取所有帶有 href 屬性的元素。

$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。

$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。

$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。

jquery css 選擇器可用於改變 html 元素的 css 屬性。

下面的例子把所有 p 元素的背景顏色更改為紅色:

$("p").css("background-color","red");

jquery 基礎語法

1 基礎語法是 selector action 美元符號定義 jquery 又稱工廠函式 選擇器 selector 查詢和查詢 html元素 action 執行對元素的操作 this hide 隱藏當前元素 鏈式風格 對於不超過3個操作,可以直接寫一行。2 文件就緒函式 document ready...

jquery基礎語法2

設定單個屬性 attr name,value img attr alt 圖破了 img attr title 錯錯錯錯 設定多個屬性 img attr 對於布林型別的屬性,不要attr方法,應該用prop方法 prop用法跟attr方法一樣。function input eq 1 click fun...

jQuery使用 jQuery語法

今天我們就來看一下jquery語法。通過 jquery,可以選取 selector html 元素,並對它們執行 操作 actions 基礎語法 selector action 美元符號 定義 jquery 選擇符 selector 查詢 和 查詢 html 元素 jquery 的 action 執...