DOM 是一種文檔對象模型。在 JavaScript 中，獲取DOM對象不是太方便，寫很長一段document.getElementsByTagName('***')等，但在jQuery中獲取dom及操作DOM非常方便。
一．DOM 簡介
要知道幾個基本概念：
1.D 表示的是頁面文檔 Document、O 表示對象，即一組含有獨立特性的數據集合、M表示模型，即頁面上的元素節點和文本節點。
2.DOM 有三種形式，標準 DOM、HTML DOM、CSS DOM，大部分都進行了一系列的封裝，在 jQuery 中並不需要深刻理解它。
3.樹形結構用來表示 DOM，就非常的貼切，大部分操作都是元素節點操作，還有少部分是文本節點操作。
二． 設置元素及內容
介紹幾個非常常用的方法，text()及html()等。
如果不想改變原有數據，只是追加數據的話，可以這樣：
三．元素屬性操作
除了對元素內容進行設置和獲取，通過 jQuery 也可以對元素本身的屬性進行操作，包括獲取屬性的屬性值、設置屬性的屬性值，並且可以刪除掉屬性。我們這裡主要介紹attr()及removeAttr()方法。
相關推薦
'jQuery的前世今生'
"jQuery曾經是世上最流行的JavaScript庫，在2000年後期，它得到了廣泛的應用，圍繞它也產生了一個豐富的生態系統，誕生了大量的插件、框架。但是到了最近一段時間，jQuery的地位急劇下降。這篇文章會回顧一下jQuery的前世今生。jQuery的歷史John R...
'CSS選擇器和優先級總結，告誡自己不能任性使用！important'
"如果在項目裡面使用了通用的reset.css樣式，但是在具體的頁面裡面要對同一個樣式進行覆蓋式修改，不借助與scoped的和inner style，你會怎麼做？會不會像我一樣在剛接觸的時候給要覆蓋的樣式後面加上!important屬性本文將告訴大家關於CSS選擇器和優先級...
'2019 年了，為什麼我還在用 jQuery？'
"許多人都在提倡: “直接用原生的 JavaScript 就好了，不需要 jQuery 了”。You might not need jQuery嘗試告訴我們，擺脫 jQuery 是一件很容易的事情。但是，它的第一個例子恰恰告訴我們用 jQuery 其實也不錯，因為我們寫了 ...
'javascript核心之DOM操作'
"JS一個重要功能就是操作DOM, 改變頁面顯示。目錄：1、基本概念2、節點類型3、節點關係4、節點操作基本概念DOM全稱為Document Object Model ，即文檔對象模型，是針對HTML和XML的一個API, 描繪了一個層次化的節點樹，可以添加、移除和修改頁面...
'我的全棧之路-C語言基礎之C語言概述'
"1.1 信息技術發展趨勢目前信息技術主要經歷了互聯網、移動互聯網以及以大數據、雲計算、物聯網、人工智能區塊為代表的新興技術三個階段。互聯網互聯網自從20世紀90年代逐漸興起，主要是通過網絡連接了世界各地的PC機，筆記本以及背後提供數據服務的大型服務器集群。其中絕大多數PC...
'JavaScript系統學習DOM系列文章之DocumentFragment'
"引言：為什麼會把DocumentFragment與前端性能扯到一起，這是本篇文章給你的答案。我們經常使用javascript來操作DOM元素，比如使用appendChild()方法。每次調用該方法時，瀏覽器都會重新渲染頁面。如果大量的更新DOM節點，則會非常消耗性能，影響...
'為什麼我還在用 jQuery?'
"許多人都在提倡: “直接用原生的 JavaScript 就好了，不需要 jQuery 了”。其實擺脫 jQuery 是一件很容易的事情。但是，下面這個例子其實恰恰可以告訴我們用 jQuery 其實也不錯，因為我們寫了 10 行原生的 JavaScript 代碼，其實只需要...
'CSS 偽元素基礎知識：before 與after （一）'
"最近因為一些網頁的需要，需要比較深入的使用了CSS 的「偽元素」( Pseudo Element )，發現原來不只是用用before或after 而已，可以玩的東西還真是不少，所以就來篇文章，把這些比較不常玩的用法歸納整理下，希望對你的日常工作有所幫助。什麼是「偽元素」？...
'JavaScript之如何求數組的最大值和最小值'
"上次給大家分享了從零事項jQuery的extend，今天跟大家分享下如何求數組的最大值和最小值。取出數組中的最大值或者最小值是開發中常見的需求，但你能想出幾種方法來實現這個需求呢？1. Math.maxJavaScript 提供了 Math.max 函數返回一組數中的最大...
'你的真的懂Python？Python進階之學習筆記'
"俗話說的好，千里之行始於足下。無論做什麼基礎都是最重要的，當你以為自己“精通”某語言的時候，有沒有問過自己：“我能不能把這些知識，用最簡單的話說出來？讓不懂的人也能聽明白。”當你真正精通某語言的時候，我相信你一定能做到。如果做不到，那就需要往下看，再學習一下基礎。為了幫助...
推薦中...