JQuery 筆記 一 jQuery核心

2021-05-27 20:51:48 字數 833 閱讀 8719

前言

jquery核心是最基礎的jquery物件,或者叫函式,有了它我們才可以進行其它的操作,所以,需要認真掌握。

jquery核心函式

1          獲取jquery物件(包裝集),對於jquery來說,獲取物件然後進行相關的操作,所以獲取物件是第一步,這裡提供了三種獲取jquery物件的模式,而通過選擇器模式獲取物件是最普遍也最靈活和複雜的,這個後面會講。

1.1        $("#id"); :通過選擇器獲取

1.2        $(""); :使用html字串建立新的dom物件

1.3        $(document.body); :由dom元素轉換而來

2          訪問jquery包裝集中的物件

2.1        $("...").each(function([index])); :以每個匹配的元素作為上下文來執行乙個函式,返回false可以終止迴圈,例:

111

333

555

each函式的第乙個引數,如果有的話是索引號,第二個引數是當前的上下文物件。

2.2        $("...").length; 或 $("...").size(); :獲取物件中元素的個數,例:

111

333

555

2.3        $("...").get(index) :獲取集合中的第index個dom元素,例:

111

333

555

$("div").get(1)等價於$("div")[1],通過這種方式獲取到的物件是dom物件而不是jquery包裝集物件,請注意。

JQuery學習筆記(一)

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

jQuery學習筆記(一)

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

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