1、Jquery 对象 dom对象的转化使用:
1.1、jquery 对象: 通过$()包装DOM对象后产生的对象。
1.2、jquery对象是Jquery独有的 ,可以使用jquery中的方法。
1.3、jquery对象无法使用DOM对象中的任何方法, 同样DOM对象也不能使用Jquery里的任何方法。
约定:如果获取的是jquery对象,那么要在变量前加$
jquery对象:var $jin =
DOM对象: var jin=
1.4、jquery 对象实际上是一个数据组对象可以通过[index]的方法获得相应的DOM对象。
var $v = $("button");
var v1 = $[0];
// 或者用 get(index) 获得dom对象,
var v2 = $v.get(0);
源码:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery 学习1</title> <!-- 导入jquery库 --> <script type="text/javascript" src="jquery/jquery.js"></script> <script type="text/javascript"> $(function(){ $("button").click(function(){ alert(this.firstChild.nodeValue+":dom对象使用"); alert($(this).text()+":dom转化为jquery对象使用"); var $btn2 = $("#bt2"); //jquery对象转dom alert($btn2[0].firstChild.nodeValue); }); }) </script> </head> <body> jquery 对象: 通过$()包装DOM对象后产生的对象。 <br> jquery对象是Jquery独有的 ,可以使用jquery中的方法。 <br> jquery对象无法使用DOM对象中的任何方法, 同样DOM对象也不能使用Jquery里的任何方法。 <br/> 约定:如果获取的是jquery对象,那么要在变量前加$ jquery对象:var $jin = DOM对象: var jin= <br/> jquery 对象实际上是一个数据组对象可以通过[index]的方法获得相应的DOM对象。 var $v = $("button"); var v1 = $[0]; 或者用 get(index) 获得dom对象 var v2 = $v.get(0); <button>click me </button> <button id ="bt2">click me2 </button> </body> </html>