<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>1-4</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- 引入 jQuery -->

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

<script type="text/javascript">

//等待dom元素加载完毕.

$(document).ready(function(){

var domObj = document.getElementsByTagName("li")[0]; // Dom对象

var $jQueryObj = $(domObj); //jQuery对象

alert("DOM对象："+domObj.innerHTML);

alert("jQuery对象："+$jQueryObj.html());

});

</script>

</head>

<body>

<h3>例子</h3>

<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>

<ul>

<li>苹果</li>

<li>橘子</li>

<li>菠萝</li>

</ul>

</body>

</html>

JavaScript通过innerHTML方法    jquery通过html()方法



												


											
jQuery对象和Dom对象的更多相关文章
	

    
						
  1. 判断一个对象是jQuery对象还是DOM对象
		
    今天调试一段代码的时候,看到其中一个变量,想知道它到底是jquery对象还是dom对象. 虽然直接console出这个对象,看它的内部可以判断出来.但是我想有没有什么更方便的方法呢. 后来我想到了一个 ...
    
		
    2. 
						
  2. jQuery对象和DOM对象的区别
		
    jQuery对象和DOM对象使用说明,需要的朋友可以参考下.1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery ...
    
		
    3. 
						
  3. jQuery对象与dom对象相互转换
		
    核心提示:jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,一般情况下,如S('#id' ...
    
		
    4. 
						
  4. JQuery对象与DOM对象的区别与转换
		
      1.jQuery对象和DOM对象的区别 DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象; eg: var domObj ...
    
		
    5. 
						
  5. 什么是jquery  $  jQuery对象和DOM对象  和一些选择器
		
    1什么是jQuery: jQuery就是将一些方法封装在一个js文件中.就是个js库 我们学习这些方法. 2为什么要学习jQuery: 原生js有以下问题: 1.兼容性问题2.代码重复3.DOM提供的 ...
    
		
    6. 
						
  6. jQuery对象与DOM对象之间的转换方法
		
    刚开始学习jquery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象.至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换. 什么是jQuery对 ...
    
		
    7. 
						
  7. jQuery  jQuery对象与dom对象的转换
		
    jQuery对象本质上是一个构造函数,主要作用是返回jQuery对象的实例. jQuery选择器返回的是一个类似数组的对象,用下标运算取出的对象如$('body')[0],是dom对象,对此jquer ...
    
		
    8. 
						
  8. jQuery对象与dom对象的转换
		
    一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的 ...
    
		
    9. 
						
  9. jquery对象和dom对象的相互转换
		
    更好的学习jquery,要区分好jquery对象和dom对象的区别. 先具体说说dom.举个例子 <html> <head></head> <body> ...
    
		
    10. 
						
  10. JQuery学习笔记---jquery对象和DOM对象的关系
		
    1.DOM(Document  Object Model,文档对象模型).DOM树 { html (head&&body),  head(meta && title)  ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. linux下java环境配置
			
    非常简单的三行命令就搞定了! $ sudo add-apt-repository ppa:webupd8team/java$ sudo apt-get update$ sudo apt-get ins ...
    
			
    2. 
						
  2. Blog Starting...
			
    30出头,开始Blog记录学习生活的点滴,待40时再回来一看.
    
			
    3. 
						
  3. JQuery 定时器 (Jquery Timer 插件)
			
      jQuery Timers插件地址: http://plugins.jquery.com/project/timers JQuery Timers应用知识提供了三个函式1. everyTime(时 ...
    
			
    4. 
						
  4. file-max与ulimit的关系与差别
			
    典型的,提供大量静态文件访问的web服务器,缓存服务器(如squid), 均要注意这个问题 网上的教程,大约只是简单说明了如何设置ulimit和file-max, 但并没有说清楚这两者之间的差别,让人 ...
    
			
    5. 
						
  5. 简单记录在Visual Studio 2013中创建ASP.NET Web API 2
			
    在很多跨平台的应用中就需要Web API ,比如android与数据库的交互. Create a Web API Project 选择新建项目下的模板下的Visual C#节点下的Web节点,在模板列 ...
    
			
    6. 
						
  6. jQuery方法注意事项
			
    1.关于选择器中含有特殊符号 选择器中含有".","#","(","]"等特殊字符,根据W3C的规定,属性值中是不能含有 ...
    
			
    7. 
						
  7. hdu1503 最长公共子序列变形
			
    题目链接:http://acm.split.hdu.edu.cn/showproblem.php?pid=1503 题意:给出两个字符串 要求输出包含两个字符串的所有字母的最短序列.注意输出的顺序不能 ...
    
			
    8. 
						
  8. UVA 1314 最小表示法
			
    题目链接:http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=36117 题意:给定长度为n的字符串,求一个起点使字符串从该起点起的 ...
    
			
    9. 
						
  9. [工作中的设计模式]原型模式prototype
			
    一.模式解析 提起prototype,最近看多了js相关的内容,第一印象首先是js的原型 var Person=function(name){ this.name=name; } Person.pro ...
    
			
    10. 
						
  10. 20145223《Java程序程序设计》第7周学习总结
			
    20145223 <Java程序设计>第7周学习总结 教材学习内容总结 ·时间的度量: (1)格林威治标准时间 (2)世界时 (3)国际原子时 (4)世界协调时间 (5)Unix时间 (6 ...
    
			
    11.