码迷,mamicode.com
首页 > Web开发 > 详细

黑马day16 jquery入门

时间:2015-07-10 16:44:11      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:jquery入门

jquery:

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

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

   比如:

    $("#test").html()  意思是指:获取IDtest的元素内的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>


版权声明:本文为博主原创文章,未经博主允许不得转载。

黑马day16 jquery入门

标签:jquery入门

原文地址:http://blog.csdn.net/u014010769/article/details/46831199

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!