對象只是具有屬性和方法的特殊數據類型。
訪問對象的屬性:
[javascript]
var message="Hello World！"；
var x = message.length
創建JavaScript對象:
[javascript]
person = new Object()；
person.firstname = " Bill
person.lastname = " Gates
person.age = 56
person.eyecolor = " blue
使用對象構造函數:
[javascript]查看純文本
功能人員(名、姓、年齡、眼睛顏色)
{
this . first name = first name；
this.lastname =姓氏；
this.age =年齡；
this . eye color = eye color；
}
[javascript]
var myFather =新人(“比爾”，“蓋茨”，56，“藍”)；
var myMother =新人(“史蒂夫”，“喬布斯”，48，“格林”)；
第二，DOM對象
DOM實際上是壹種以面向對象方式描述的文檔模型。DOM定義了表示和修改文檔所需的對象、它們的行為和屬性，以及它們之間的關系。
根據W3C DOM規範，DOM是HTML和XML之間的應用程序編程接口(API)。
通過DOM，您可以訪問所有HTML元素，以及它們包含的文本和屬性。可以修改和刪除內容，也可以創建新元素。
HTML DOM獨立於平臺和編程語言。它可以被任何編程語言使用，如Java、JavaScript和VBScript。
DOM對象是我們通過傳統方法(javascript)得到的對象。
第三，jQuery對象
jquery對象實際上是壹個javascript數組。
這個數組對象包含125個方法和4個屬性。
這四個屬性是
Jquery的當前jquery框架版本號。
Length表示數組對象的元素個數。
上下文通常指向壹個HtmlDocument對象。
選擇器傳入了選擇器內容，如#yourId或yourClass
如果通過$("#yourId ")方法獲得jquery對象，
在您的頁面中只有壹個id為yourId的元素。
那麽$("#yourId")[0]就是HtmlElement元素。
與通過文檔獲取的元素相同。getelementbyid ("yourid ")。
簡單理解，就是jQuery創建的對象。
jQuery對象是用JQuery包裝DOM對象產生的對象。jQuery對象是jQuery特有的，它可以使用jQuery中的方法，但不能使用DOM方法。
第四，DOM對象和jquery對象的區別
[javascript]
var DOM obj = document . getelementbyid(" id ")；//DOM對象
var $ obj = $(" # id ")；//jQuery對象；
[javascript]
$("#img ")。attr("src "，" test . jpg ")；//這裏的$ ("# img ")是獲取jQuery對象；
[javascript]
document.getElementById("img ")。src = " test.jpg//文檔。getelementbyid ("img ")這裏是DOM對象；
再比如:這個，我寫jQuery的時候經常寫的:
this.attr("src "，" test . jpg ")；
但這是個錯誤。實際上這是壹個DOM對象
。attr("src "，" test.jpg ")
它是壹個jQuery方法，所以有壹個錯誤。為了解決這個問題，有必要將DOM對象轉換成jQuery對象，比如:
$(這個)。attr("src "，" test . jpg ")；
動詞 （verb的縮寫）DOM對象和jquery對象之間的轉換
將DOM對象轉換為jQuery對象:
對於DOM對象，只需用$()包裝DOM對象，就可以得到壹個jQuery對象。
方法:$(DOM對象)
[javascript]
var v = document . getelementbyid(" v ")；//DOM對象
var $ v = $(v)；//jQuery對象
將JQuery對象轉換為DOM對象:
將jQuery對象轉換成DOM對象有兩種方法:[index]和。get(索引)；
(1)jQuery對象是壹個數據對象，對應的DOM對象可以通過[index]獲取。
[javascript]
var $ v = $(" # v ")；//jQuery對象
var v = $ v[0]；//DOM對象
Alert(v.checked) //檢查是否選中了該復選框。
(2)由2)jQuery本身提供，相應的DOM對象由。get(index)方法。
[javascript]
var $ v = $(" # v ")；//jQuery對象
var v = $ v . get(0)；//DOM對象
Alert(v.checked) //檢查是否選中了該復選框。