jQuery中jQuery对象和DOM对象的转换

╰半橙微兮° 2022-03-29 21:12 263阅读 0赞

1.注意事项：需要引入jQuery文件，我 引入的是jQuery1.6.4版本

2.jQuery对象转换成DOM对象：

<!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="Content-Type" content="text/html; charset=utf-8" />  
<script src="jQuery/jquery-1.6.4.js" type="text/javascript"></script>  
<script type="text/javascript" >  
$(function()\{  
    var li = document.getElementsByTagName("li");    //获取所有li元素  
    var $li = $(li\[2\]);    //把第一个li元素封装为jQuery对象  
    alert($li.html());    //调用jQuery对象的方法  
\})  
</script>  
<title>上机练习</title>

</head>

<body>  
<ul>  
    <li>列表1</li>  
    <li>列表2</li>  
    <li>列表3</li>   
</ul>  
</body>  
</html>

3.DOM对象转换成jQuery对象：

<!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="Content-Type" content="text/html; charset=utf-8" />  
<script src="jQuery/jquery-1.6.4.js" type="text/javascript"></script>  
<script type="text/javascript" >  
$(function()\{  
    var $li = $("li"); //返回jQuery对象  
    var li =$li\[0\];//返回DOM对象  
    alert(li.innerHTML);  
\})  
</script>  
<title>上机练习</title>  
</head>

<body>  
<ul>  
    <li>列表1</li>  
    <li>列表2</li>  
    <li>列表3</li>   
</ul>  
</body>  
</html>

4.总结：以上就是关于jQuery对象和DOM对象的转换转换的内容，有问题大家可以在评论区讨论

发表评论取消回复

表情：

评论列表（有 0 条评论，263人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery对象和dom对象相互转换

1.jquery对象转换为dom对象 jq对象：jq选择器获取 ![jq对象][jq] dom对象：$\[index\] ![在这里插入图片描述][202005

淡淡的烟草味﹌/ 2023年03月14日 08:11/ 0 赞/ 234 阅读

相关 JQuery-DOM对象和JQuery对象的相互转换

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script ty

缺乏、安全感/ 2022年07月10日 13:29/ 0 赞/ 244 阅读

相关 dom对象和 jQuery对象之间的转换

dom对象和 jQuery对象之间的转换一、jQuery->dom(js) 1.jq对象是一个数组对象通过[index]方法获取得到相应的dom对象

超、凢脫俗/ 2022年06月12日 09:38/ 0 赞/ 248 阅读

相关 jQuery 对象和DOM对象相互转换

DOM对象与jQuery对象的相互转换 DOM—-> jquery对象：对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对

清疚/ 2022年05月22日 12:22/ 0 赞/ 300 阅读

相关 jquery对象和DOM对象的相互转换

文章转自:[https://www.cnblogs.com/Ziksang/p/5201886.html][https_www.cnblogs.com_Ziksang_p_52

快来打我*/ 2022年05月17日 11:53/ 0 赞/ 281 阅读

相关 jQuery对象和DOM对象

第一次学习jQuery，经常分辨不清哪些是jquery对象、哪些是DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系。一、DOM对象和jQ

小咪咪/ 2022年05月17日 10:26/ 0 赞/ 264 阅读

相关 jQuery-jQuery对象和DOM对象的相互转换

1.jquery对象转成DOM对象： jquery对象不能使用DOM中的方法，但如果对jquery对象所提供的方法不熟悉，或者没有jquery想封装的方法，不得不使用[DOM

以你之姓@/ 2022年04月17日 07:15/ 0 赞/ 279 阅读

相关 jQuery中jQuery对象和DOM对象的转换

1.注意事项：需要引入jQuery文件，我引入的是jQuery1.6.4版本 2.jQuery对象转换成DOM对象： <!DOCTYPE html PUBLIC "-//

╰半橙微兮°/ 2022年03月29日 21:12/ 0 赞/ 264 阅读

相关 jQuery对象和DOM对象的转换

jQuery对象：通过jQuery包装DOM对象后产生的对象。注意：jQuery对象无法使用DOM对象的任何方法，同理，DOM对象也无法使用jQuery对象的任何方法。

系统管理员/ 2022年03月22日 12:00/ 0 赞/ 313 阅读

相关 jQuery--DOM对象与jQuery对象的转换

在JavaScript中，通过getElementById()、getElementsByClassName()和querySelector()等方法来获取要页面中的HTML元

骑猪看日落/ 2021年08月13日 22:28/ 0 赞/ 472 阅读