jQuery的層級關係

2021-09-01 03:51:39 字數 1111 閱讀 8082

jquery的層級關係

jquery層級關係分為祖先關係、父子關係、兄弟關係

下面來一一介紹如何表示這些關係

以以下的html**為例:

"one">

使用者名稱:

"text" id="name" />

"button" id="" value="查詢" />

"tby">

使用者名稱:

"text" id="name" />

性別:"text" id="***" />

密碼:"text" id="pass" />

"select">

使用者名稱:

"text" id="name" />

"button" id="" value="查詢" />

laowang

hello laowwang

1. 祖先關係:

//獲取id=tby裡面的所有的input元素

var$ipts = $("#tby input");//祖先關係

注:#tby和input之間是空格代表是祖先關係,也就是把id為tby的的下面的標籤為input的得到,當然也可以下為:var$divs = $("body div");

2. 父子關係

$ipts = $("#tby>input");

注:#tby和input之間是》,表示獲取到id為tby的標籤為input的子標籤。

3. 兄弟關係

(1)var$x = $("#tby+div");

注:兄弟關係 弟弟必須是div緊跟著的div中的htm內容

(2)$x = $("#tby~div");

注:#tby和input之間是 ~ ,表示獲取到的是id為tby的下面的所有的div,可以用for迴圈輸出

$x.each(function(i, domdiv) {

var$div = $(domdiv);

alert($div.html());//得到dom節點中的內容

jQuery的層級關係

jquery的層級關係 jquery層級關係分為祖先關係 父子關係 兄弟關係 下面來一一介紹如何表示這些關係 以以下的html 為例 one 使用者名稱 text id name button id value 查詢 tby 使用者名稱 text id name 性別 text id 密碼 text...

關於css z index的層級關係

層疊上下文 stacking context 是html中乙個三維的概念。在css2.1規範中,每個盒模型的位置是三維的,分別是平面畫布上的x軸,y軸以及表示層疊的z軸。一般情況下,元素在頁面上沿x軸y軸平鋪,我們察覺不到它們在z軸上的層疊關係。而一旦元素發生堆疊,這時就能發現某個元素可能覆蓋了另乙...

頁面元素層級關係

具有定位的元素的層級,預設是後面的元素比前面的元素的層級高 這是對同級元素來說 標準流盒子低於浮動的盒子,浮動的盒子又低於定位的盒子。定位 relative,absolute,fixed 高於浮動,浮動高於標準流。給定z index的值為層級的值時。不給預設為0 層級為0的盒子,也比標準流和浮動高。...