標籤:type dom charset eval insert span color utf-8 var
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對象的轉換