jQuery对象不能使用DOM对象的任何方法,DOM对象也不能使用jQuery对象的任何方法。在需要使用时需要对其进行转换。
jQuery对象前使用"$",这不是必须的,不这么使用代码也能运行,只不过大家约定俗成的都这么使用。
1、jQuery对象转为DOM对象:
jQuery对象是一个数组,可以使用数组下标的方式把jQuery对象转换为DOM对象
2、DOM对象转换为jQuery对象
使用$()把DOM对象包装起来就可以了,语法:$(DOM对象);
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="jquery-1.11.1.js"></script> <script type="text/javascript"> $(function (){ $("button").click(function (){ //获取一个jQuery对象 //var $btn = $("button"); //jQuery对象是一个数组 //aert($btn.length); //结果为2 //通过数组下标转换为DOM对象 //alert($btn[1].firstChild.nodeValue); //结果为ClickMe2 //把DOM对象转换为jQuery对象 var btn1 = document.getElementById("btn1"); alert($(btn1).text());<span style="white-space:pre"> </span>//结果为ClickMe }); }); </script> </head> <body> <button id="btn1">ClickMe</button> <button>ClickMe2</button> </body> </html>