jQuery學習之旅 Item4 細說DOM操作

2022-03-02 10:11:16 字數 1405 閱讀 9799

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...