jquery 基礎語法

2021-08-18 09:21:48 字數 1057 閱讀 6453

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

美元符號定義  jquery(又稱工廠函式)

選擇器(selector) 查詢和查詢 html元素

action():執行對元素的操作

$(this).hide()     //隱藏當前元素
---鏈式風格:對於不超過3個操作,可以直接寫一行。

2、文件就緒函式:

$(document).ready():類似window.onload

定義文件載入完後執行的函式

重點:文件就緒函式與jquery的區別:

(1)執行時機不一樣:

window.οnlοad=function(){};必須等頁面中全部內容載入完畢執行

$(document).ready(function(){}); 等頁面中所有dom元素載入完畢後執行

(2)編寫個數不同:

window.οnlοad=function(){};不能編寫多個,第二個覆蓋第乙個

$(document).ready(function(){}); 能編寫多個,後面追加到前面

(3)簡寫形式:

window.οnlοad=function(){};沒有簡寫

$(document).ready(function(){}); 有$()

小總結:$(document).ready();

jquery(document).ready();

$();

3、dom物件與jquery物件之間的轉換

(1)dom物件轉換為jquery物件

document.getelements***();

$()|jquery()

(2)jquery物件轉換為dom物件

利用選擇器獲取jquery物件     $btn[索引]

利用選擇器get方法獲取          $btn.get(下標)

4、jquery庫與其他庫匯入衝突

function   fn(){}     宣告式函式

function   fn=a(){}  賦值式函式

jquery基礎語法

1.1基礎語法是 selector action this hide 隱藏當前元素 p hide 隱藏所有段落 test hide 隱藏所有 class test 的所有元素 test hide 隱藏所有 id test 的元素 您也許已經注意到在我們的例項中的所有 jquery 函式位於乙個 do...

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 執...