jQuery对象和DOM对象之间的相互转换

朱雀 2022-08-05 11:26 273阅读 0赞

先是DOM对象转换为jQuery对象：

首先需要引入jQuery函数库

<script src="../../../AJAX-JavaScript-JQuery/jquery-1.8/jquery-1.8.0.min.js"></script>

<body>
    	<input type="text" name="username" id="username" value="王老师"  />
    	<script>
    		//获取DOM对象
    		var username=document.getElementById("username");
    		alert(username.value);
    		
    		//转换为jquery对象 转换后就可以使用jQuery中的方法了
    		var $username=$(username);
    		alert("^^^"+$username.val());
    	</script>
    	
    </body>

接着jQuery对象转换成DOM对象

l 两种转换方式将一个 jQuery 对象转换成 DOM 对象： \[index\] 和 .get(index);

<body>
    	<input type="text" name="username" id="username" value="小王老师" />
    	<script>
    		//获取jQuery对象
    		var $username=$("#username");
    		alert($username.val());
    		
    		//转换成DOM对象
    		//(1) jQuery对象是一个数组对象，可以通过[index]的方法，来得到相应的DOM对象
    		var username=$username[0];
    		alert(username.value);
    		
    		//jQuery本身提供，通过.get(index)方法，得到相应的DOM对象
    		//转化为DOM对象
    		var username1 = $username.get(0);
    		alert(username1.value);
    	</script>
    </body>

发表评论取消回复

表情：

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

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

相关阅读

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

一、什么是jQuery对象？就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuer方法。使用$()函数进

青旅半醒/ 2024年02月17日 17:06/ 0 赞/ 52 阅读

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

背景：只有DOM对象才能使用DOM对象中的方法，jQuery对象不可以使用DOM对象中的方法。 1：jQuery对象转换为DOM对象 jQuery提供了两种方法

浅浅的花香味﹌/ 2024年02月17日 14:25/ 0 赞/ 51 阅读

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

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

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

相关 jQuery对象和DOM对象之间的相互转换

先是DOM对象转换为jQuery对象：首先需要引入jQuery函数库 <script src="../../../AJAX-JavaScript-JQuery/j

朱雀/ 2022年08月05日 11:26/ 0 赞/ 274 阅读

相关 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-jQuery对象和DOM对象的相互转换

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

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

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

[jquery对象][jquery]和DOM对象的相互转换在讨论jquery对象和DOM对象的相互转换之前，先约定好定义变量的风格如果获取的是jquery对象，那么在变量前

落日映苍穹つ/ 2021年12月14日 11:23/ 0 赞/ 371 阅读