初識jQuery 什麼是jquery

2021-07-01 18:43:24 字數 1351 閱讀 4460

本節課的主要內容為:

jquery 是由美國人 john resig 於 2006 年建立的乙個開源專案,基本功能包含訪問和操作 dom、控制頁面樣式、處理頁面事件、便捷的動畫、便捷的 ajax 等。

我們在基礎班的課程中有講過 css 選擇器,jquery 選擇器即通過$這個建構函式,按照 css 選擇器的規則(以及一些 jquery 中的增強規則)來選擇頁面中的元素。

比如對於這段 html:

a>

li>

a>

li>

class=」last」>

a>

li>

ul>

div>

通過console.log($)輸出其內容,我們可以看到如下**:

function

(a,b)

從這裡我們可以看出,$其實是對乙個構建函式的封裝。而通過 jqeury 源**可以看出,$.fn.init函式的功能即是通過判斷傳入的第乙個引數的型別,來進行不同的處理。如字串則嘗試作為選擇器或者 html **等、jquery 物件則返回、函式則根據時機來立即執行或者插入 ready 事件佇列中等等。

jquery 的 $ 建構函式返回結果即是乙個物件組成的陣列,為了與原生 dom 節點物件區分開,故這些物件可稱之為 jquery 節點物件。

每個 jquery 物件上有 jquery 的各種方法,就像原生 dom 節點物件上會有各種方法和屬性一樣。但由於他們不是同乙個東西,所以不能混用。例如原生 dom 物件上有innerhtml屬性,而 jquery 物件上並沒有,所以如果在 jquery 物件上獲取這個屬性,便會得到undefined

另外,當返回的陣列中包含多個 jquery 物件時,即匹配到了多個元素,那麼對其執行操作會對每個物件都生效,如:

textli>

textli>

textli>

ul>

對於上面的 html **,執行如下 js **:

$('li').html("yo, what's up man?");
那麼每個 li 標籤中的文字都會發生更改。

由於 jquery 的很多方法的返回結果都是該 jquery 物件本身,所以 jquery 可以很方便的執行鏈式操作,如:

$('.selector').addclass('classname').html('htmlcode');

jQuery基礎 初識jQuery

根據各種 的源 了解到要用1.x 引入 jquery庫 src jquery 1.12.4.js script 編寫 通過原生的js入口函式可以拿到dom元素 通過原生的js入口函式可以拿到dom元素的寬高 window.onload function ev script document read...

DJango的初識 ,什麼是Django?

什麼是django?django是乙個開放源 的web應用框架,由python寫成。採用了mtv的框架模式。python的web框架有django tornado flask 等多種,django相較與其他web框架其優勢為 大而全,框架本身整合了orm 模板引擎 快取 session等諸多功能。雖...

初識網路協議 什麼是容器

容器 container 的思想是要變成軟體交付的貨櫃。而貨櫃最重要的就是 打包 和 標準 兩大特點。所謂打包,就是將所有的貨物打包在一起,然後放到貨櫃裡面 所謂標準,就是貨櫃的尺寸全部都是一樣的。對於容器而言,打包就是將貨物封裝起來,使貨物之間互不干擾,相互隔離。隔離主要使用了兩種技術,names...