js和jQuery的相互转换
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery</title> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript"> $(function(){ var div1=document.getElementById("div1"); //js对象转换成jQuery对象 //jquery(div1)等同于$(div1) $(div1).text("aaa"); //相当于js对象的div1.InnerText="aaa" //jQuery对象转换成js对象 var div2=$("#div1"); //$("#div1")相当于是数组 根据id选择器的话数组中元素只有一个 var js_div1=div1[0]; //相当于 div1.get(0); js_div1.innerText="abc"; var div3=$("div"); }); </script> </head> <body> <div id="div1" name="div"> <div id="div2" name="div"> </div> </body> </html>