jquery物件和DOM物件的相互轉換

2021-08-13 18:36:49 字數 1555 閱讀 4665

jquery是什麼?

jquery是js的乙個庫,封裝了開發過程中常用的一些功能,方便我們來呼叫,提高了我們的開發效率

學習jquery主要學什麼?

學習jquery封裝好的功能方法(api),特點是幾乎全是方法。所以在使用jquery的api時都是方法呼叫,也就是說要加小伙好(),小括號裡面是相應的引數,引數不同,功能就不同

jquery的特點

鏈式程式設計

隱式迭代(迭代就是for迴圈遍歷)

在jquery中依舊可以寫js的**

jquery的入口函式

1、頁面上所有文件載入完畢,不載入的時候執行該函式

$(document).ready(function());

2、頁面上的載入完畢之後才執行該函式

$(function());

3、頁面上的文件和都載入完畢就執行該函式

$(window).ready(function());

4、區別於原生的js入口函式:頁面上文字和都載入完畢之後執行該函式

window.onload = function(){};

5、jquery入口函式和js入口函式的區別

(1)書寫個數不同:js入口函式只能出現一次,出現多次會訊在事件覆蓋的問題;jquery入口函式可以出現任意多次,不會存在時間覆蓋問題

(2)執行時機不同

<1>js入口函式實在所有檔案資源載入完畢後才執行,包括:頁面文件、外部的js檔案、外部的css檔案、等

<2>jquery的入口函式實在文件載入完成後就執行。文件載入完成指的是dom樹載入完成猴就可以操作dom了,不用等到所有的外部資源都載入完成

jquery的符號

jquery的命名允許以數字作為變數名開頭

$符號(1)$ === jquery

(2)$實際上是乙個函式,根據傳入引數的不同進行不同的呼叫,實現不同的功能,返回的是jquery物件

例如:$();

à呼叫自定義的函式

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

à呼叫入口函式

$(「#btnshow」)

à獲取id屬性為btnshow的元素

$(「div」)

à獲取所有的div元素

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

dom物件在這裡指的是使用js操作dom返回的結果

例如:

var btn = document.getelementbyid(「btnshow);   //這裡的btn就是乙個dom物件

jquery物件在這裡指的是:使用jquery提供的操作dom的方法返回的結果

jquery拿到dom物件後又對其做了封裝,讓其具有了jquery方法的jquery物件(就是把dom物件重新包裝了一下)

jquery物件是乙個陣列,陣列中包含原生js中的dom物件,無論你怎麼去獲取jquery結果都是陣列型別的

js物件轉換成jquery物件(轉換之後就有了juquery物件的方法):$(js物件)

jquery物件轉換成js物件**換之後就可以使用js物件的用法):jquery[索引值]或jquery.get(索引值)

jQuery物件和DOM物件

jquery 物件就是 通過 jquery 包裝 dom 物件後產生的物件或者 選擇器 產生的物件 jquery 物件是 jquery 獨有的.如果乙個物件是 jquery 物件,那麼它就可以使用 jquery 裡的方法 persontab html jquery 物件無法使用 dom 物件的任何方...

dom物件和jquery物件

剛開始學習 jquery 可能一時會分不清楚哪些是jquery物件,哪些是dom物件。至於dom物件不多解釋,我們接觸的太多了,下面重點介紹一下jquery,以及兩者相互間的轉換。什麼是jquery物件?就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的,其可以使用...

Dom物件和JQuery物件

剛開始學習 jquery 可能一時會分不清楚哪些是jquery物件,哪些是dom物件。至於dom物件不多解釋,我們接觸的太多了,下面重點介紹一下jquery,以及兩者相互間的轉換。什麼是jquery物件?就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的,其可以使用...