黑马day16 jquery入门

jquery:

1.jQuery 对象就是通过jQuery包装DOM对象后产生的对象。

jQuery对象是jQuery独有的.假设一个对象是jQuery对象,那么它就能够使用jQuery里的方法:$(“#test”).html();

比方：

$("#test").html()  意思是指：获取ID为test的元素内的html代码。当中html()是jQuery里的方法

这段代码等同于用DOM实现代码：

document.getElementById(" test ").innerHTML;

尽管jQuery对象是包装DOM对象后产生的，可是jQuery无法使用DOM对象的不论什么方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错

约定：

假设获取的是 jQuery 对象, 那么要在变量前面加上 $.  

•var$variable = jQuery 对象

•varvariable = DOM 对象

2.假设使用jquery..

在head头中：<script language="JavaScript" src="../js/jquery-1.4.2.js"></script>

src导入jquery框架所在的文件夹结构

3.dom对象转化为jquery对象...jquery转化为dom对象...

(1).dom对象转化为jquery对象

<script language="JavaScript">
   //dom转化为JQUery对象  $(DOM对象)
	var obj=document.getElementById("username");
//	alert(obj.value);
   var $obj=$(obj);
   alert($obj.val());
  </script>

(2).jquery对象转化为dom对象..

方式一：jQuery对象是一个数组对象，能够通过[index]的方法。来得到对应的DOM对象

方式二： jQuery本身提供，通过.get(index)方法，得到对应的DOM对象

<script language="JavaScript">
   //JQUERY对象转化为DOM对象
   //(1) jQuery对象是一个数组对象，能够通过[index]的方法，来得到对应的DOM对象
   var $username=$("#username");
   var username=$username[0];
   alert(username.value);
   //(2) jQuery本身提供，通过.get(index)方法。得到对应的DOM对象
   var $username=$("#username");
   var username=$username.get(0);
   alert(username.value);
  </script>