Jquery基礎教程之神奇的

2021-05-28 17:55:42 字數 2086 閱讀 6218

$()這個玩意其實是乙個jquery封裝的功能非常強大的函式,當然,強大的東東,在使用起來也必然會是有點複雜的咯。下面我們來看它的一些強大的用法:

$(expr)

這個函式可以通過css選擇器、xpath、html**來匹配目標元素,返回的是乙個jquery物件,jquery的所有操作都是以此為基石的。

下面來看**:

html**:

1<divclass="test">

2<divstyle="display:none"id="php">

3我是強大的php

4

5<divclass="test"id="jquery">

6<span>我是強大的jquery

7<span>我是強大的jquery外掛程式

8

9

jquery**:

1$("div");//獲取的是html**中的三個div元素

2$("div.test");//獲取的是html**中帶有class屬性為test的兩個div

3$("span:last").html();//獲取的是第二個span標籤中的html**:"我是強大的jquery外掛程式"

4$("#php");//獲取的是id為php的div元素

5$("div:hidden");//獲取的是不可見的div元素,html**中的第二個div,因為他的display屬性是none不顯示的

看不懂上面的選擇器意思?沒關係,下一章我會完整地說說jquery中的選擇器,哈哈~~《鋒利的jquery》這本書中有很全的解釋。就抄它的了。

$(fn)

這個方式是$(document).ready(fn);的乙個速記方式,當文件全部載入時執行函式。注意:jquery是允許多個$(fn)存在的。fn是個函式,也就是當文件全部載入時要執行的函式。

1$(function());

$(obj)

如果obj為dom物件的話,那就是將這個dom物件轉換成為jquery物件,如果obj本來就是jquery物件的話,那麼仍然還是個jquery物件。

Jquery基礎教程之神奇的

這個玩意其實是乙個jquery封裝的功能非常強大的函式,當然,強大的東東,在使用起來也必然會是有點複雜的咯。下面我們來看它的一些強大的用法 expr 這個函式可以通過css選擇器 xpath html 來匹配目標元素,返回的是乙個jquery物件,jquery的所有操作都是以此為基石的。下面來看 h...

jQuery基礎教程之 層次選擇器

隱式迭代 選擇器 css background color red 則是為這組元素中每個元素的樣式都加上紅色背景。jquery會自動迭代每個元素,這就免去了我們編寫 遍歷每個元素物件的操作。無需判斷物件是否存在 如果頁面上不存在id為test的dom 元素,test css background c...

jQuery基礎教程之 基本選擇器

jquery的基本選擇器分為以下四種型別 cssid 選擇id值等於 cssid 的元素,注意 在乙個html文件中id是唯一的,也即id為 cssid 不能出現兩次 雖然即使出現了兩次瀏覽器也可以解釋,但是這是不規範的 這個id選擇器獲取jquery物件也是個元素集合,但是只有乙個元素。將這個jq...