首页 > Web开发 > 详细

黑马day16 jquery入门

时间:2015-07-10 16:42:27      阅读:288      评论:0      收藏:0      [点我收藏+]

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入门

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!