jquery中div div 和divfind div 和divdiv 有區別嗎

2021-07-08 22:17:42 字數 3069 閱讀 5067

1樓:

$("#div div") 這個中間有空格的為:後代選擇器,意思是:選擇#div元素內部所有div後代元素

$("#div > div")這個為:子代選擇器,意思是:選擇#div元素內部子代元素所有第一級div元素

當然,首先你的#div 就已經寫錯了,你的id都是等於 div1 div2 並沒有那個id是等於div的

#符號 代表id

2樓:

$(function());

alert(/s/);

$("#div1").find("div").each(function(n));

alert(/y/);

$("#div1 > div").each(function(n));

})這是我的測試結果,是有區別的,你認真看吧,詳細的區別跟css 樣式的 區別一樣,因為jquery的選擇器就是根據css樣式規則來使用的

還有補充一點,估計你測試的時候只是針對 一個來進行測試了,你所設定的html格式,所獲取的物件應該不止一個的,所以最後全部進行輸出來測試對比,因為不然得出的都是獲取第一個物件的結果,肯定是一樣的

3樓:夢冷凝

區別挺大的。但是咱不愛說

jquery中 var $div=$("#div1"); 和 var div=$("#div1"); 這兩句話效果一樣嗎?

4樓:嘟嘟樂悠

按照你的思路重寫了下,看看是不是要這樣的效果?

jquery

jquery

jquery

5樓:匿名使用者

document.getelementbyid本身就是用來獲取唯一的元素。。

id一般是不會重複出現在多個標籤中

6樓:匿名使用者

jquery裡面的$符號,都是按id取的,id預設是唯一的,所以只能得到唯一的一個

7樓:書風笑

其實我想知道var $div=$("#div1"); 和 var div=$("#div1"); $div和div是不是一樣的,我還是個初學者,沒寫過什麼複雜的**。

這是一樣的!

因為2個變數指向同一物件!

$只當作識別符號!

jquery選擇器問題,例:找div元素 $("divid")和$("div[]") 哪個效能高。

8樓:匿名使用者

你舉著個例子裡面,直接查id最快。

因為id是唯一的。比如你現在的dom樹一共有200個元素。

用第一種方法,直接查id,可能選擇器查詢到第120個元素,就查到了id符合的。然後因為id是唯一的,選擇器不用繼續再查下去了,直接返回結果。這樣進行的查詢量就是120.

如果用第二種方法你先查符合input:button的。再查id。

表面上看是用兩個條件限定範圍。但因為input:button這種屬性不是唯一的。

選擇器向下查詢到一個後不會停,因為可能還有其他input:button,就只好繼續查。直到遍歷完所有200個元素才算完成第一次查詢。

然後再在返回的符合條件的結果中選擇id。比如一共有10個button,就又要在10個裡面查,比如這次查到第6個id符合。你第二種方法進行的查詢量就是200+6=206.

9樓:

前者效能高,因為id是唯一的,而$("div[]") 會遍歷所有div的,找到屬性id=divid的那一個

10樓:

應該是 $("#divid")

$查詢元素的時候,id 查詢是最快的:$("#divid"),其次元素名稱,$("div"),

偽類查詢是最慢的:$(".class1")

11樓:匿名使用者

$("#divid")高

$("input:button[]")是用於精準定位的

【jquery】$("#id div").each(function(){ 如何只遍歷子元素而非全部元素?

12樓:罐頭

看來樓主要好好區分一下$("#id>div")和$("#id div")的區別了

$("#id div")在給定的祖先元素下匹配所有的後代元素$("#id>div")在給定的父元素下匹配所有的子元素可以寫個輸出,看一下遍歷的次數;

var i=1;

$("#id div").each(function());

$("#id div").each//會遍歷5次,$("#id>div").each//會遍歷3次。

ps,樓上的$("#id").children("div").each(function(){})這個也行

13樓:阿剛燉蛋

你好!可以通過選擇器來進行子元素或包含元素的限定!

要仔細看jquery的api。

$("#id >div").each(function());

14樓:匿名使用者

each()配合find()來遍歷元素最好這樣就可以很簡單的直接指定查詢某個子元素的集合了

方法就是$(selector).find(selector).each(function())

15樓:王大爺丶悶

和這兩個div就是#id的子div,你弄混了

16樓:

$("#id").children("div").each(function(){})試試

jquery 中 $(div span) 與$(div > span)誰可以舉例說明下,謝謝~懂得來

17樓:

$("div span")選中的是id=1,2,3的 選中div下面的全部 包括孫子

$("div >span")選中的是id=1,3的 選中div下面的兒子 只是兒子

jquery中offset和position的區別

position 獲取相對於它最近的具有相對位置 position relative或position absolute 的父級元素的距離,如果找不到這樣的元素,則返回相對於瀏覽器的距離。offset 始終返回相對於瀏覽器文件的距離,它會忽略外層元素。下邊看個簡單的例子,這裡外層的div元素 pos...

JQuery中是什麼意思,在jquery中,用 和 有什麼區別,它們分別的含義是什麼?

可以做變數名的一個很簡單的符號 容易輸入的符號裡面好像也就這個可以做變數用內了 你可以當作具有特容殊作用的函式或者物件或者變數,很多框架裡面都會當作操作符。如果有衝突的話,你也可以用noconflict換成其他的變數。一個物件,一個函式,等於jquery 在jquery中,用 和 有什麼區別,它們分...

jquery選擇器有哪幾種,jquery中有哪幾種型別的選擇器

青盟 三十三 jquery簡介 選擇器 殳化 單選 1 下面哪一種不屬於jquery的選擇器。b 層次選擇器 a 基本選擇器 b 層次選擇器 戀戀土豆絲 很多種,大概歸納為9種。1 基本 idelement class selector1,selector2,selectorn 2 層次選擇器 an...