jquery對象與dom對象的轉換
阿新 • • 發佈：2017-07-16
func char utf-8 java title logs fun pre ext
1.jQuery對象介紹
2.jQuery對象轉換為Dom對象
3.Dom轉換為Jquery對象
4.將jquery轉換為Dom程序
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Insert title here</title> 6 <script type="text/javascript" src="jquery-1.12.4.min.js"></script> 7<script type="text/javascript"> 8 $(function(){ 9 $("button").click(function(){ 10 //1. 由 jQuery 對象轉為 DOM 對象 11 var $btn=$("button"); 12 alert($btn[0].firstChild.nodeValue); 13 }) 14 }) 15 </script> 16 </head> 17 <body> 18<button id="btn">click me</button> 19 </body> 20 </html>
5.運行效果
6.將Dom轉換為Jquery對象程序
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="jquery-1.12.4.min.js"></script> <script type="text/javascript"> $(function(){ $("button").click(function(){ //1. 由 DOM 對象轉為 jQuery 對象 var btn=document.getElementById("btn"); alert("++"+$(btn).text()); }) }) </script> </head> <body> <button id="btn">click me</button> </body> </html>
7.運行結果
jquery對象與dom對象的轉換