標籤:title lib 轉化 body view 對象 UI asc images
jQuery對象是一個類數組對象,而DOM對象就是一個單獨的DOM元素。
1.利用數組下標的方式讀取到jQuery中的DOM對象。
1 <body> 2 <div>元素一</div> 3 <div>元素二</div> 4 <div>元素三</div> 5 </body> 6 <script> 7 var $div = $(‘div‘)//jquery對象 8 var div = $div[0] //轉化成DOM對象 9 div.style.color = ‘red‘ //操作dom對象的屬性10 </script>
View Code
注意:數組的索引是從0開始的,也就是第一個元素下標是0
2.通過jQuery內建的get()方法
jQuery對象自身提供一個.get() 方法允許我們直接存取jQuery對象中相關的DOM節點,get方法中提供一個元素的索引:
<body><div>元素一</div><div>元素二</div><div>元素三</div></body><script>var $div = $(‘div‘);var div = $div.get(0); //通過get方法,轉化為DOM對象div.style.color = ‘red‘ //操作DOM對象的屬性</script>
執行個體:
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script></head><body> <div>元素一</div> <div>元素二</div> <div>元素三</div> <script type="text/javascript"> var $div = $(‘div‘); //jQuery對象 var div = $div.get(2); //通過get()方法,轉化為DOM對象 div.style.color =‘red‘ //操作DOM對象的屬性 </script> </body></html>
:
jQuery對象轉化為DOM對象