李卫康的博客

拥有乔布斯一样的创造力

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>


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014010769/article/details/46831199
文章标签: jquery入门
个人分类: JAVA 进阶之路
想对作者说点什么? 我来说一句

jQuery开发从入门到精通

2017年07月31日 134.87MB 下载

jquery入门到精通

2018年01月06日 2.9MB 下载

jquery入门jquery入门jquery入门

2011年05月14日 337KB 下载

jQuery入门jQuery入门

2011年04月26日 1.18MB 下载

jQuery UI 中文版 入门到精通 PDF

2010年08月26日 1.79MB 下载

jquery入门培训jquery入门培训

2008年10月30日 404KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭