关闭

黑马day16 jquery入门

标签: jquery入门
552人阅读 评论(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>


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:162079次
    • 积分:4036
    • 等级:
    • 排名:第7963名
    • 原创:242篇
    • 转载:4篇
    • 译文:0篇
    • 评论:36条
    友情链接