dom是document object model的縮寫,意思是文件物件模型。dom是一種與瀏覽器、平台、語言無關的介面,使用該介面可以輕鬆訪問頁面中所有的標準元件。dom操作可以分為三個方面即dom core(核心)、htm-dom和css-dom。
每乙個網頁都可以用dom表示出來,每個dom都可以看作是一棵dom樹。下面的html頁面結構可以構建出一棵dom樹,**:
title="選擇你最喜歡的水果.">你最喜歡的水果是?p>
title="蘋果">蘋果li>
title="橘子">橘子li>
title="菠蘿">菠蘿li>
ul>
body>
html>
構建出的dom樹如下:
jquery中的dom操作主要對包括:建【新建】、增【新增】、刪【刪除】、改【修改】、查【查詢】【像資料庫操作】。下面的dom操作將圍繞上面的dom樹進行學習jquerydom操作。
查詢節點非常容易,使用選擇器就能輕鬆完成各種查詢工作。
例:查詢元素節點p返回p內的文字內容
$(
"p").text();
例:查詢元素節點p的屬性返回屬性名稱對應的屬性值
$(
"p").attr("title"),返回p的屬性title的值。
1、建立元素節點建立元素節點並且把節點作為$(
"$("body").children().length;\\該示例獲得body元素的子元素個數;
$(
"p").next().html();\\該示例獲得p元素的下乙個兄弟節點的html內容。
$("ul").prev().text();\\該示例獲得ul元素的上乙個兄弟節點的文字內容。
$(
"p").slibings();\\示例獲得p元素的所有兄弟節點元素。
ps:注意closest()、parent()、parents()方法的區別:
jQuery學習之旅 Item4 細說DOM操作
dom是document object model的縮寫,意思是文件物件模型。dom是一種與瀏覽器 平台 語言無關的介面,使用該介面可以輕鬆訪問頁面中所有的標準元件。dom操作可以分為三個方面即dom core 核心 htm dom和css dom。每乙個網頁都可以用dom表示出來,每個dom都可以...
Item 4 確定物件使用前已經被初始化
目錄 一.建構函式 二.成員初值列表 三.不同編譯單元的non local static 物件的初始化 一.建構函式 在c和 c 中,一些內建型別 其實也就是c 繼承c的內容 是預設不被自動初始化的,如int double 等等,但在我的gcc 上,int 被預設初始化為0,char 被預設不輸出,...
php學習之旅 4 陣列
php學習之旅 4 陣列 1 陣列種類 數值索引陣列 具有數值索引的陣列 多維陣列 包含乙個或多個陣列的陣列 2 數值索引陣列 第一種初始化方法 cars array saab volvo bmw toyota 第二種初始化方法 cars 0 saab cars 1 volvo cars 2 bmw...