最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

關(guān)于jQuery參考實(shí)例2.0 用jQuery選擇元素

 更新時(shí)間:2013年04月07日 17:16:24   作者:  
本篇文章小編為大家介紹,關(guān)于jQuery參考實(shí)例2.0 用jQuery選擇元素,有需要的朋友可以參考一下。

譯自jQuery Cookbook (O'Reilly 2009) Chapter 2 Selecting Elements with jQuery, 2.0 Introduction

jQuery的核心是它的選擇器引擎,其作用是從文檔中通過名稱、屬性、狀態(tài)等將元素篩選出來。由于CSS的廣泛使用,在jQuery中采用CSS的選擇器語法就成了很自然的選擇。在支持絕大多數(shù)CSS1-3規(guī)范中的選擇器之外,jQuery還增加了很多自定義的選擇器來根據(jù)一些特殊的狀態(tài)選擇元素;與此同時(shí),我們還可以自己編寫選擇器。

在文檔中定位某個(gè)元素或者某些元素的最簡單的方法,是使用jQuery封裝函數(shù)和CSS選擇器,比如:

jQuery('#content p a');
//選擇所有#content元素內(nèi)的p元素中的a元素

在選擇好元素之后,就可以在這些元素上調(diào)用jQuery方法。比如,在所有選擇的鏈接元素上添加selected的class屬性:

jQuery('#content p a').addClass('selected');

jQuery提供了很多遍歷DOM樹的方法來幫助選擇元素,比如next(),prev(),parent()等。這些方法接受一個(gè)選擇器表達(dá)式作為其唯一的參數(shù),從而對選擇到的元素集進(jìn)行過濾。因此,除了jQuery(…),CSS選擇器還會(huì)在很多地方用到。

在構(gòu)建選擇器時(shí),為了提升其性能,可以遵循一條法則:盡可能地簡化選擇器的編寫。選擇器字符串越復(fù)雜,jQuery進(jìn)行處理的時(shí)間也就越長。jQuery內(nèi)部使用了瀏覽器原生的DOM方法來選擇元素,因此,直接用選擇器來選擇元素僅僅是一種抽象封裝后的結(jié)果。直接使用選擇器本身并無不妥,但是理解所寫代碼的執(zhí)行性能這一點(diǎn)卻非常重要。以下是一個(gè)過度使用選擇器的例子:

jQuery('body div#wrapper div#content');

更精確的定位并不意味著代碼的運(yùn)行速度更快。上述選擇器可以重寫為:

jQuery('#content');

與之前的例子相比,該代碼的作用相同,但卻節(jié)省了不少性能開銷。值得注意的是,有時(shí)我們可以通過指定選擇器的上下文背景來進(jìn)一步提升性能。


相關(guān)文章

最新評論

锦州市| 广昌县| 富顺县| 云阳县| 桃源县| 香港 | 馆陶县| 库尔勒市| 鄢陵县| 体育| 当阳市| 延庆县| 奉节县| 甘肃省| 蚌埠市| 射洪县| 丰县| 大埔县| 成安县| 西宁市| 吉林省| 开封县| 浏阳市| 综艺| 巴楚县| 肃南| 正定县| 板桥市| 耿马| 石棉县| 策勒县| 灵台县| 康马县| 双桥区| 华容县| 武强县| 海晏县| 福州市| 图们市| 平泉县| 隆德县|