jQuery的層級關係

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的盒子，也比標準流和浮動高。...