jQuery學習筆記(一)

2021-07-04 18:10:45 字數 845 閱讀 5067

最近在寫乙個b2c**,寫到越後面越發吃力,主要是前端js部分,雖然在專案中也是用jquery,但是,僅憑查閱文件,雖然解決了一些問題,但並沒有實質性的理解。因此,準備暫且來系統地學習一些jquery,以便能有更深刻的理解,從而能夠減輕後續的專案開發。

一、jquery物件和dom物件的相互轉換

jquery物件和dom物件相互轉換之前,先約定好定義變數的風格。

如:var $variable = jquery物件;

var variable = dom物件;

1、jquery物件轉成dom物件有兩種方法:

(1)通過index的方法

如:var $cr = $("#cr");    //jquery物件

var cr = $cr[0];         //dom物件

(2)通過get(index)的方法

如:var $cr = $("#cr");    //jquery物件

var cr = $cr.get(0);   //dom物件

2、dom物件轉成jquery物件

通過$(dom物件)的方式

如:var cr = document.getelementbyid("cr");    //dom物件

var $cr = $(cr);                                             //jquery物件

因為jquery和dom物件之間的不能混用方法,因此必要時需要進行jquery物件和dom物件之間的轉換。

比如:判斷乙個核取方塊是否被選中

jquery方法:if($cr.is(":checked"))

dom方法:if(cr.checked)

JQuery學習筆記(一)

mydiv 選擇文件裡id為 mydiv 的指定元素物件。mycss 選擇文件裡樣式名為 mycss 的指定元素物件。mydiv p 在給定的祖先元素下匹配所有的後代元素。mydiv p 在給定的父元素下匹配所有的子元素。選取所有元素。div p 匹配所有緊接在 div 元素後的 第乙個同輩p 元素...

jQuery學習筆記(一)

ul li 後代選擇器 ul li 兒子選擇器 ul,p 並列選擇器 p ul 相當於next p ul 相當於siblings,注意這裡只選擇p後面的ul 通用選擇器 id id選擇器 class 類選擇器 p 元素選擇器 ul title 帶title屬性的ul ul title abc tit...

jQuery學習筆記(一)

2 從 cdn 中載入 jquery script head script head 又拍雲 cdn src script head jquery 語法 1 選取 html 元素 2 對選取的元素執行某些操作。基礎語法 selector action 例項 this hide 隱藏當前元素 p hi...