小序：出差良久，博客更新甚少。近日回到本部，再次接手一个新的Web项目，无形中却形成了这么一个规律，C++项目与JSP项目互相穿插，再接下来的三到四个月，相信重头戏又会是Web相关知识。继上一个项目初涉JQuery（jqGrid插件）和SSH框架，这个项目主要涉及JQuery、Hibernate、Spring，Java等相关知识，在这项目里，知识反而是其次的，关注的重点应该是涉及到的一些前沿技术，包括二代身份证识别，人脸识别，指纹识别，经脉检测等相关知识，我也会尽力来总结这样的技术。
好了，话不多说，先在这项目里来一个小菜：JQuery对象与DOM对象的转换
index.html：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>JQuery</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/jquery-1.6.2.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var pElement = document.getElementsByTagName("p")[0];
//将DOM对象转换为JQuery对象
var pElementJQuery = $(pElement);
alert("DOM对象结果是："+ pElement.innerHTML);
alert("JQuery对象结果是："+pElementJQuery.html());
var cm = $("#clickME");//根据ID获取JQuery对象
//JQuery对象转换为DOM对象（第一种方式）
var first = cm[0];
alert(first.innerHTML);
//JQuery对象转换为DOM对象（第二种方式）
var second = cm.get(0);
alert(second.innerHTML);
}
)
</script>
</head>
<body>
<p id="clickME">这只是个小例子</p>
</body>
</html>
相关推荐
jQuery提供了`.get()`, `.get(0)`, `[index]`等方式将jQuery对象转换为DOM对象，而通过`$(DOM对象)`则可以将DOM对象转换为jQuery对象。 例如： ```javascript var $element = $('#myElement'); var domElement = $...
**将DOM对象转换为jQuery对象：** 通常，如果你有一个DOM元素，比如`var element = document.getElementById("msg");`，你可以通过将这个DOM元素包裹在`$()`中来将其转换为jQuery对象： ```javascript var $element ...
本文实例分析了jQuery对象与DOM对象的转换方法。分享给大家供大家参考，具体如下： jQuery对象转换为dom对象 只有jQuery对象才能调用jQuery类库的各种函数，同样有些dom对象的属性和方法在jQuery上也是无法调用的，...
例如，`$(documentgetElementByID("cr"))`将会把通过`documentgetElementByID`得到的DOM对象转换为jQuery对象，之后就可以调用jQuery的方法了，比如`$cr.css("color", "red")`。 在代码风格约定上，通常会使用变量...
2. DOM对象转换为jQuery对象：当你有一个单独的DOM元素，需要使用jQuery的方法操作它时，可以利用jQuery的构造函数$()来将DOM对象包装成jQuery对象。示例如下： ```javascript var divDom = document....
在实际开发中，有时需要在DOM对象与jQuery对象之间进行转换。虽然jQuery提供了一些便利的方法来操作DOM，但在某些情况下，我们仍然需要使用原生的DOM方法。 1. **从jQuery到DOM**：jQuery对象可以很容易地转换成DOM...
总的来说，jQuery对象与DOM对象之间的转换是开发中常见的需求。掌握这种转换技巧能帮助你更好地利用这两个世界的优点，提升代码的可读性和效率。在编写jQuery代码时，一定要注意选择合适的方法，避免混淆两者，这样...
两者之间可以相互转换，如`$(element)`将DOM对象转换为jQuery对象，`element[0]`或`.get(0)`则可将jQuery对象转换回DOM对象。 **jQuery选择器** jQuery选择器类似于CSS选择器，用于选取DOM元素。它们包括： 1. 基本...
Java电商系统+Java学习资料+Java教程第23节+23-jquery对象与dom对象之间相互转化。
反过来，DOM对象转换为jQuery对象则更加直接。只需要用jQuery的包装函数`$()`将DOM对象包装起来，就可以得到一个jQuery对象： ```javascript var domElement = document.getElementById('v'); var $jQueryObject = $...
两者之间可以互相转换：将DOM对象转换为jQuery对象，可以使用`$(domElement)`；反之，使用`.get(index)`或`.eq(index)`方法将jQuery对象转回DOM对象。 DOM对象与jQuery对象转换的常见用途包括使用原生方法进行性能...
- 当需要使用jQuery提供的链式操作和便捷的DOM操作，如`append`、`remove`等时，则需将DOM对象转换为jQuery对象。 总的来说，熟练掌握jQuery对象与DOM对象之间的转换，能够使你在处理JavaScript项目时更加得心应手...
例如，`$(element)[0]`可以将jQuery对象转换为DOM对象，而`$(domElement)`则可以将DOM对象转换为jQuery对象。这种转换使得在jQuery和DOM之间切换变得灵活。 ### 总结 jQuery大大简化了JavaScript的许多任务，特别...
反之，也可以通过`$(domElement)`将DOM对象转换为jQuery对象。 区别在于，原生DOM对象提供了底层的、直接的访问，这意味着你可以对元素进行更细致的控制，比如修改属性、添加事件监听器等。而jQuery对象则提供了更...
要将DOM对象转换为jQuery对象，你可以使用`$(DOMElement)`，例如`$(document.getElementById("msg"))`。相反，要将jQuery对象转换为DOM对象，通常需要通过索引来访问集合中的特定元素，如`$("#msg")[0]`，这样得到的...
- 通过jQuery包装函数$()：$(DOM对象)，可以将DOM对象转换为jQuery对象。 5. 总结 - jQuery对象包含了一个或多个DOM元素的引用，它是一个类数组对象。 - DOM对象是单个的元素，它遵循DOM规范，可以直接访问DOM属性...