<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.6.1.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#bt1").click(function(){
/*.DOM对象转成jQuery对象:
对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(DOM对象)
*/
var domObj = document.getElementById("tx1");
var text = domObj.value;
alert(text);
var JQueryObj = $(domObj);
alert(JQueryObj.attr("value"));
});
$("#bt2").click(function(){
/*
jQuery对象转成DOM对象:
两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index);
(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。
(2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象
*/
alert(this);// c此时 this 代表的是 #bt2 这个Dom对象
alert(this.value);
alert($(this));//$(this) 代表的是 #bt2 这个JQuery对象
var JQueryObj = $("#tx1"); //JQuery对象
// alert(JQueryObj.value); // 报错
alert(JQueryObj.attr("value"));//JQuery对象 得到属性值的方法
// var domObj = $(JQueryObj)[0];
var domObj = $(JQueryObj).get(0);
// var domObj =JQueryObj[0]; //JQuery对象--->Dom对象
alert("domObj"+domObj.value);
});
});
</script>
</head>
<body>
<p align="center">
用户注册
</p>
<input type="text" id="tx1">
<br>
<input type="button" value="Dom-->JQuery" id="bt1">
<br>
<input type="button" value="JQuery-->Dom" id="bt2">
</body>
</html>
分享到：
相关推荐
DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法，但是不能使用 jQuery 里的方法。例如：document.getElementById(“img”).src = “test.jpg”；这里的document.getElemen
主要介绍了jQuery对象和DOM对象之间相互转换的方法介绍,本文讲解了jQuery对象转成DOM对象、DOM对象转换成jQuery对象方法,需要的朋友可以参考下
2.jQuery对象和DOM对象的相互转换。 良好的书写风格： 复制代码 代码如下: var $input=$(“input”) jQuery获取的对象在变量前面加上$。 <1>jQUery对象转成DOM对象,两种方法：[index]和get(index) a:var $cr=
Java电商系统+Java学习资料+Java教程第23节+23-jquery对象与dom对象之间相互转化。
1、jQuery对象转换成DOM对象 jQuery对象不能使用DOM中的方法，但如果对jQuery对象所提供的方法不熟悉，或者jQuery没有封装想要的方法，不得不使用DOM对象的时候，有以下两种处理方法： 1、jQuery对象是一个类似数组...
jQuery对象和DOM对象相互转化 jQuery对象和DOM对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法，但是不能使用DOM的方法；例如$(“#img”).attr(“src”...
DOM对象能使用Javascript固有的方法，但是不能使用jQuery里的方法。例如：document.getElementById(“img”).src=”test.jpg”;这里的document.getElementById(“img”)就是DOM对象；$(“#img”).attr(“src”,”...
至于DOM对象不多解释，我们接触的太多了，下面重点介绍一下jQuery，以及两者相互间的转换 这几天会将jQuery的一些使用方法总结一下，希望能对jQuery初学者起到一定的帮助作用。 今天主要看看jQuery对象和dom对象的...
刚开始学习jQuery，可能一时会分不清楚哪些是jQuery对象，哪些是DOM对象。至于DOM对象不多解释，我们接触的太多了，下面重点介绍一下jQuery，以及两者相互间的转换。
主要介绍了jQuery对象与DOM对象的转换方法,结合实例形式分析了jQuery对象及DOM对象的作用与二者的相互转换技巧,需要的朋友可以参考下
什么是jQuery对象？ —就是通过jQuery包装DOM对象后产生的...虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错。比如：$(“#test”).in
（http://shawphy.com/jqueryapi/ 这里是最新文档，有离线版下载） 第三步，深刻了解jQuery对象和普通DOM对象的区别。互相转化见Q1 Q1,js的写法:document.getElementById(‘save’).disabled=true; 在jquery中我是...
主要介绍了jquery对象和DOM对象的相互转换详解的相关资料,需要的朋友可以参考下