最近在寫乙個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...