<!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>
分享到：
相关推荐
jQuery 是一个广泛使用的JavaScript库，它简化了DOM操作、AJAX请求、事件处理以及创建复杂的网页特效。jQuery的核心特性包括对JSON...同时，理解jQuery对象和DOM对象的区别及其相互转换，是有效利用jQuery功能的关键。
需要注意的是，虽然可以相互转换，但jQuery对象和DOM对象不可以直接相互调用各自的方法。例如，jQuery对象不能直接使用DOM方法，因为它们并不完全相同。反之，DOM对象也不能直接使用jQuery的方法。不过，一旦完成了...
总的来说，jQuery对象与DOM对象之间的转换是开发中常见的需求。掌握这种转换技巧能帮助你更好地利用这两个世界的优点，提升代码的可读性和效率。在编写jQuery代码时，一定要注意选择合适的方法，避免混淆两者，这样...
两者之间可以互相转换：将DOM对象转换为jQuery对象，可以使用`$(domElement)`；反之，使用`.get(index)`或`.eq(index)`方法将jQuery对象转回DOM对象。 DOM对象与jQuery对象转换的常见用途包括使用原生方法进行性能...
总的来说，熟练掌握jQuery对象与DOM对象之间的转换，能够使你在处理JavaScript项目时更加得心应手，提高代码的灵活性和可读性。在实际工作中，根据需求灵活选择使用jQuery对象或DOM对象，可以优化代码性能，提高开发...
Java电商系统+Java学习资料+Java教程第23节+23-jquery对象与dom对象之间相互转化。
最后，我们要认识到，虽然DOM对象和jQuery对象可以互相转换，但它们本质上是不同的对象类型，各自有自己的优势和使用场景。在开发中合理地选择使用jQuery对象或DOM对象，或者在需要时进行适当的转换，将帮助我们编写...
两者之间可以相互转换，如`$(element)`将DOM对象转换为jQuery对象，`element[0]`或`.get(0)`则可将jQuery对象转换回DOM对象。 **jQuery选择器** jQuery选择器类似于CSS选择器，用于选取DOM元素。它们包括： 1. 基本...
为了帮助读者更好地理解这两种对象，以下将详细探讨JQuery对象与DOM对象的关系、区别以及它们之间的转化方法。 首先，DOM对象是Document Object Model（文档对象模型）的简称。它是一棵树状结构，用来表示HTML文档...
本文旨在深入探讨jQuery对象与DOM对象之间的转化技巧，通过这些方法可以实现两者的相互转换，从而在Web开发过程中更灵活地运用jQuery库和原生JavaScript。 首先，我们需要了解jQuery对象与DOM对象的基本区别。一个...
DOM对象能使用Javascript固有的方法，但是不能使用jQuery里的方法。例如：document.getElementById(“img”).src=”test.jpg”;这里的document.getElementById(“img”)就是DOM对象；$(“#img”).attr(“src”,”...
《牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作》 jQuery是一种广泛使用的JavaScript库，它极大地简化了DOM（Document Object Model）操作，提供了丰富的API和强大的选择器，使得开发者能够更高效地...
jQuery对象和DOM对象是两个不同的概念，但它们在实际编程中经常需要互相转换，以便于利用各自的优点。下面我们将深入探讨这两种对象及其转换方法。 **jQuery对象** 是jQuery库中的一个集合，它封装了DOM元素，提供...
至于DOM对象不多解释，我们接触的太多了，下面重点介绍一下jQuery，以及两者相互间的转换 这几天会将jQuery的一些使用方法总结一下，希望能对jQuery初学者起到一定的帮助作用。 今天主要看看jQuery对象和dom对象的...
总的来说，jQuery对象和DOM对象的相互转换是JavaScript和jQuery开发中的基本技能，掌握这些技巧可以更好地利用这两个世界的优点，同时避免潜在的问题。通过理解它们的本质差异和转换方法，开发者可以更高效地编写出...
DOM对象和jQuery对象是前端开发中常见的两种对象类型，它们各有特点和用途，且可以互相转换，了解它们之间的差异和转换方法对于前端开发人员是非常重要的。 首先，DOM（文档对象模型）对象是浏览器提供的用于操作...