JQuery dom对象与jquery对象相互转换小案例

最新推荐文章于 2018-09-27 12:11:21 发布

LPDFIGHT

最新推荐文章于 2018-09-27 12:11:21 发布

阅读量337

点赞数

本文链接：https://blog.csdn.net/LPDFIGHT/article/details/76099216

版权

 
 案例： 

 
 <!DOCTYPE html> 

 
 < 
 html 
 > 

 
 < 
 head 
 > 

 
 < 
 meta  
 charset= 
 "UTF-8" 
 > 

 
 < 
 title 
 >dom 
 对象与 
 jquery 
 对象相互转换 
 </ 
 title 
 > 

 
 < 
 script  
 src= 
 "../js/jquery-3.1.1.min.js"  
 type= 
 "text/javascript"  
 charset= 
 "utf-8" 
 ></ 
 script 
 > 

 
 < 
 script  
 type= 
 "text/javascript" 
 > 

 
  
 $ 
 ( 
 function 
 (){ 

 
  
 var  
 d 
 = 
 document 
 . 
 getElementById 
 ( 
 'd' 
 ); 

 
 // d.innerText='dddd'; 

 
 // var d=$("#d"); 

 
 // 
 原生 
 dom 
 对象（ 
 js 
 对象）转换 
 jquery 
 对象 
 :$( 
 原生对象 
 ) 

 
  
 $ 
 ( 
 d 
 ). 
 html 
 ( 
 'fsdfsdfsdsd' 
 ); 

 
  
 var  
 e 
 = 
 $ 
 ( 
 "#e" 
 ); 

 
  
 //jquery 
 对象转原生对象 
 :1.$(...)[0] 2.$(...).get(0) 

 
 // e[0].innerText='sdsdsds'; 

 
  
 e 
 . 
 get 
 ( 
 0 
 ). 
 innerText 
 = 
 'sdsssdsd' 
 ; 

})

 
 </ 
 script 
 > 

 
 </ 
 head 
 > 

 
 < 
 body 
 > 

 
 < 
 div  
 id= 
 "d" 
 > 

 
 </ 
 div 
 > 

 
 < 
 div  
 id= 
 "e" 
 > 

 
 </ 
 div 
 > 

 
 </ 
 body 
 > 

 
 </ 
 html 
 > 

优惠劵

关注关注