jQuery和Dom的对象转换如下:
Dom对象->jQuery对象: var jqueryobj=$(DOM对象);
jQuery对象->DOM对象: var domobj=jQuery对象[0]或jQuery对象.get(0);
代码如下:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="JScript/jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> //转换为jQuery对象 $(function () { var s = $("#link1").html(); alert("jQuery obj: "+s); }); //转换为DOM对象 $(function () { var domboj = $("#link1").get(0);//也可以用$("#link1")[0] alert("DOM obj: "+domboj.innerHTML); }); $(function () { $("#link1").css("background", "yellow");//获得样式 }); $(function () { $("#btn").click($("#txt").val("我的测试呀")); }); $(function () { var s = $("#txt").val()+"alert"; alert(s); }); $(function () { $("#btn").click(function () { alert($("#txt").val()); }); }); </script> </head> <body> <a href="http://www.baidu.com" id="link1" style="background:Orange">百度</a> <input type="text" id="txt" value=""/> <input type="button" id="btn"> </body> <script type="text/javascript"> $(function () { alert($("#link1").css("background-color"));//获得样式 }); </script> </html>