js对象和jQuery对象互转

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="jquery-1.8.3.js"></script>
</head>
<body>
<h1 class="h1">能不能给我一首歌的时间</h1>
<h1 id="h2">天生我才必有用</h1>
</body>
<script type="text/javascript">
// 1.将js对象转换成jQuery对象
// 步骤：

// a. 获取js对象 >>也就是DOM对象
var oH=document.getElementsByClassName("h1");
// b. 讲获取到的DOM对象转换成jQuery对象
$(oH).click(function(){
alert(‘我们不一样‘);
});

// 2.将jQuery对象转换成js对象
// 第一种方法：
alert($(‘#h2‘)[0].innerHTML);
// 第二种方法:
alert($(‘#h2‘).get(0).outerHTML);
</script>
</html>

原文地址：http://blog.51cto.com/11871779/2070409

时间： 2024-11-10 15:07:04

js对象和jQuery对象互转的相关文章

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

DOM对象和js对象以及jQuery对象的区别

一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系. 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaScript 和 VBScript 使用. DOM对象,即是我们用

认识JQuery，JQuery的优势、语法、多库冲突、JS原生对象和JQuery对象之间相互转换和DOM操作，常用的方法

(一)认识JQuery  JQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一套定义好的方法    JQuery的主旨:以更少的代码,实现更多的功能 (二)JQuery的优势 1)可以像CSS一样访问和操作DOM 2)修改CSS控制页面外观 3)简化JS代码操作 4)事件代理更加容易 5)动画效果使用方便 6) Ajax技术更加完美 7)大量的基于Jquery的插件 8)可以自定义扩展功能插件 (三)JQuery的语法 格式:$(selector).actio

Js对象与jquery对象相互转换

有时候在我们开发过程中,需要将js对象和jquery对象之间进行转换: 1.js对象转jquery对象时,直接用$()括起来就行 比如: var v = document.getElementById("v"); //DOM对象 var $v = $(v); //jQuery 对象 2.jquery转js对象: 2. jQuery 对象转成 DOM 对象 两种转换方式讲一个 jQuery 对象转换成 DOM 对象: [index] 和 .get(index): (1) jQuery 对

jQuery的文件引入、入口函数以及js对象和jquery对象之间的互相转换

JavaScript与jquery的区别 JavaScript是一门编程语言,用来编写客户端浏览器脚本. jQuery是javascript的一个库,包含多个可重用的函数,用来辅助简化javascript开发 jQuery能做的javascript都能做到,而JavaScript能做的事情,jQuery不一定能做到 jQuery文件的引入 <body> <div class="box"></div> <!--引包(引入jquery库)-->

JS对象与Dom对象与jQuery对象之间的区别

通过问题看本质:举例:js的写法:document.getElementById('save').disabled=true;在jquery中我是这样写的 $("#save").disabled = true; //没有效果 分析:其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象解决方法:1)用JQ写法 $("#save").attr("disabled","true"); 2

Dom对象和jQuery对象的互转

1.Dom对象转换为jQuery对象 1??直接获取视频,得到就是jQuery对象 $('video'); 2??我们已经使用原生js,获取过来 Dom对象 var myvide = document.querySelector('video'); $(myvideo); 2.jQuery对象转换为Dom对象(两种方法) $('div')[index] //index 是索引号 $('div').get(index) //index 是索引号 $('video')[0].play(); $('v

Js - Dom原生对象和jQuery对象的联系、区别、相互转换

Dom原生对象和jQuery对象的联系.区别.相互转换: 联系: 1.jQuery对象:通过jQuery包装DOM对象后产生的对象: 2.两者之间可以相互转换:区别: 1.jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,两者不等价: 2.jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法. 乱使用会报错. 例如: $("#id").htm

JavaScript DOM对象和JQuery对象相互转换

1.分析源码 <!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> <meta http-equiv="C

Dom对象和Jquery对象区别详解

js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的$("#save").disabled = true;  为什么没效果呢 这个是典型的问题,其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象  解决方法有2: 1,用JQ写法,$("#save").attr("disabled","true");