DOM和jquery之间的转换

最新推荐文章于 2023-06-15 00:39:03 发布

小小萌新倪

最新推荐文章于 2023-06-15 00:39:03 发布

阅读量106

点赞数

本文链接：https://blog.csdn.net/qq_43366068/article/details/102709976

版权

<html>
  <head>
<title>DOM对象转换为jQuery对象</title>
 <script src="js/jquery-1.11.1.min.js"></script>
 </head>
 <body>
 <p id="testp">jQuery</p>
 <script>
  $(document).ready(function(){
var domObj = document.getElementById("testp");
alert("使用DOM方法获取p节点的内容："+domObj.innerHTML);
var $jqueryObj = $(domObj);
alert("使用jQuery方法获取p节点的内容："+$jqueryObj.html());
  })	
 </script>
 </body>
 </html>


 <html>
 <head>
 <title>jQuery对象转换为DOM对象</title>
 <script src="js/jquery-1.11.1.min.js"></script>
 </head>
 <body>
<p id="testp">JavaScript</p>
 <p id="testp1">jQuery</p>
 <script>
 $(document).ready(function(){
var $jQueryObj = $("#testp");
alert("使用jQuery方法获取第一个p节点的内容："+$jQueryObj.html());
var $jQueryObj1 = $("#testp1");
alert("使用jQuery方法获取第二个p节点的内容："+$jQueryObj1.html());
var domObj = $jQueryObj[0];
alert("使用DOM方法获取第一个p节点的内容："+domObj.innerHTML);
var domObj1 = $jQueryObj1.get(0);
alert("使用DOM方法获取第二个p节点的内容："+domObj1.innerHTML);
})
 </script>
 </body>
 </html>

小小萌新倪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM和jquery之间的转换

<html> <head><title>DOM对象转换为jQuery对象</title> <script src="js/jquery-1.11.1.min.js"></script> </head> <body> <p id="testp">jQuery</p>...
复制链接

扫一扫