jQuery 選擇器效率

2022-08-09 10:42:09 字數 537 閱讀 7305

n1:$('#box').find('p'):最快,直接了當的找到對應的節點jquery物件;

n2:$('p','#box'):注意不是$('p,#box')!!!,jquery會按照從右往左的順序解譯執行,所以會選到id=『box』內的所有p元素;

n3:$('#box').children('p');

n4:$('#box>p'):這種情況會用sizzle引擎從右往左依次處理,其中符號的識別處理過程無形中增加了處理時間;注:主要的匹配過程的核心是用正規表示式進行的

n5:$(『#box p』);

一般在使用jquery的時候盡量使用jquery提供的函式(find()、prev()、children()、等)而不是某些符號(如:~,+,>,等),同時減少連用的次數(如:$('#box').find('p').css());

還有一種更快的方法-------使用中間變數存jquery物件:

var $box=$('box');

var $p=$box.find('p');

$p.css('color','red');

JQuery選擇器 選擇器簡介

在開始學習jquery選擇器之前,有必要了解一下css 層疊樣式表 技術。css是一項出色的技術,它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構,只需通過新增不同的css規則,就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...

Jquery選擇器 基本選擇器

jquery作為我們常用前端工具之一,實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分,它必須被兩個反斜槓轉義 引數 id,用於搜尋的,通過元素的 id 屬性中給定的值。示例 查...

jQuery選擇器之全選擇器( 選擇器)

在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...