你的位置:首页 > Java教程

[Java教程]jQuery 基本知识


一、引入jQuery库的方式

1 1 <!-- 引入 jQuery-->2 2 <script type="text/javascript" src="scripts/jquery-1.3.1.js"></script>3 3 <script type = "text/javascript">4 4   $(document).ready(function(){5 5    alert("helloworld"); 6 6   });7 7 </script>

二、jQuery对象/Dom对象

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

2.jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#persontab”).html();

3.jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法

4.约定:如果获取的是 jQuery 对象, 那么要在变量前面加上 $.  
  —var $variable = jQuery 对象
  —var variable = DOM 对象

三、jQuery 对象转成 DOM 对象

jQuery 对象不能使用 DOM 中的方法, 但如果 jQuery 没有封装想要的方法, 不得不使用 DOM 对象的时候, 有如下两种处理方法:

1.jQuery 对象是一个数组对象, 可以通过 [index] 的方法得到对应的 DOM对象. 

  —var $cr = $("#cr");

  —var cr = $cr[0];

2.使用 jQuery 中的 get(index) 方法得到相应的 DOM 对象    

  —var $cr = $("#cr");

  —var cr = $cr.get(0);

四、DOM 对象转成 jQuery 对象

对于一个 DOM 对象, 只需要用 $() 把 DOM 对象包装起来(jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象), 就可以获得一个 jQuery 对象.

  —var cr = document.getElementById("cr");

  —var $cr = $(cr);