关闭

黑马day16 jquery入门

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

黑马day16 jquery基本选择器

基本选择器是 jQuery中最常用的选择器,也是最简单的选择器,它通过元素id,class 和标签名来查找DOM元素(在网页中 id只能使用一次,class 允许重复使用). 1、#id     用法: $(”#myDiv”);  ...
  • u014010769
  • u014010769
  • 2015-07-10 15:28
  • 536

黑马day16 jquery案例演示

案例一: 无标题文档 <!-- BODY { font-family:Courier;; font-size: 12px; margin:0px 0px 0px 0px; overflow-x:no; overflow-y:no; background-color:...
  • u014010769
  • u014010769
  • 2015-07-11 12:49
  • 581

黑马day16 jquery&层次选择器

如果想通过DOM元素之间的层次关系来获取特定元素,例如后代元素,子元素,相邻元素,兄弟元素等,则需要使用层次选择器. 1 、ancestor descendant       用法: $(”form input”) ;  ...
  • u014010769
  • u014010769
  • 2015-07-10 15:52
  • 580

黑马day16 jquery&基本过滤器

1、:first 用法:$(”tr:first”) ;   返回值 单个元素的组成的集合       说明: 匹配找到的第一个元素 2、:last 用法:$(”tr:last”)   返回值 ...
  • u014010769
  • u014010769
  • 2015-07-10 16:33
  • 537

黑马day18 jquery高级特性&ajax的$.ajax()方法

$({//这里是json格式的数据}).ajax方法 (1).这个方法是全局函数. (2).这个方法括号中的只能是json的数据格式. (3).查阅这个函数的文档... 案例: get.html get()方法 div,span{ ...
  • u014010769
  • u014010769
  • 2015-07-15 21:38
  • 547

黑马程序员 jquery

注:jquery中的事件是将方法作为参数传入的   .click(function(){})   方法自执行 (function 方法名 (){})(); 自执行后无法调用   类型判断 instanceof 判断两边是否是相同类型   windo...
  • a99875984
  • a99875984
  • 2014-03-01 09:48
  • 285

黑马安卓Android入门基础就业班76期

黑马安卓Android入门基础就业班76期 文件大小:47.2G 每个文件夹里面包含多个压缩包,内含每个章节的视频教程+课程源代码等,完整的一套黑马程序员Android入门基础就业班!   下载地址:​http://www.feixueteam.net/thread-972-1...
  • u013948190
  • u013948190
  • 2016-10-18 13:36
  • 1843

黑马day16 jquery&内容过滤选择器&可见度选择器

内容过滤选择器的过滤规则主要体现在它所包含的子元素和文本内容上 1、:contains(text) 用法: $(”div:contains(’John’)”)    返回值  集合元素       说明...
  • u014010769
  • u014010769
  • 2015-07-10 16:59
  • 638

黑马day16 aptana插件的安装

aptana:   eclipse或者myeclipse中的javaScript,html,css的代码提示功能很差...因此我们选择了这个框架. aptana的安装步骤:   1.需要下载aptana的插件..   2. 在eclipse中的安装目录下新建一...
  • u014010769
  • u014010769
  • 2015-07-10 14:32
  • 560

黑马day16 jquery&属性过滤选择器

属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素 1、[attribute] 用法: $(”div[id]“) ;  返回值  集合元素       说明:匹配包含给定属性的元素.例子中是选取了所有带”id”属性的...
  • u014010769
  • u014010769
  • 2015-07-10 17:11
  • 739
    个人资料
    • 访问:208279次
    • 积分:4426
    • 等级:
    • 排名:第8032名
    • 原创:242篇
    • 转载:4篇
    • 译文:0篇
    • 评论:39条
    友情链接