jQuery对象与Dom对象间的转换

r囧r小猫 2022-05-26 05:59 414阅读 0赞

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript" src="../../js/jquery-1.8.3.js" ></script>
    		<script>
    			function JSWrite(){
    				//document.getElementById("span1").innerHTML="美美哒！";
    				var spanEle = document.getElementById("span1");
                    //dom对象转换成JQ对象只需要用$()括起来就可以了！！
    				$(spanEle).html("美美哒！");
    			}
    			
    			$(function(){
    				/*document.getElementById("btn1").onclick = function(){
    					document.getElementById("span1").innerHTML="帅帅哒！";
    				}*/
    				$("#btn1").click(function(){
    					//JQ对象转换成DOM对象的第一种方式
    					//$("#span1")[0].innerHTML="呵呵哒！";
    					//JQ对象转换成DOM对象的第二种方式
    					$("#span1").get(0).innerHTML="呵呵哒！";
    				});
    				
    			});
    		</script>
    	</head>
    	<body>
    		<input type="button" value="JS写入" οnclick="JSWrite()"/>
    		<input type="button" value="JQ写入" id="btn1"/><br /><br />
    		<span id="span1">sssss</span>
    	</body>
    </html>

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 js-jQuery对象与dom对象相互转换

核心提示：jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型，一般

一时失言乱红尘/ 2022年08月20日 08:27/ 0 赞/ 252 阅读

相关 jQuery对象与dom对象相互转换

什么是jQuery对象？ \---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。比如：

àì夳堔傛蜴生んèń/ 2022年07月15日 11:43/ 0 赞/ 289 阅读

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

通过jQuery选择器获取的对象与通过document.getElementById获取的对象是不同类型对象。使用jQuery获取的对象不能使用DO

系统管理员/ 2022年06月17日 07:44/ 0 赞/ 271 阅读

相关 jQuery对象与DOM对象之间的转换方法

jQuery对象是包装DOM对象后产生的，但是两者却不能混用，DOM对象才能使用DOM方法，jQuery对象才能使用jQuery方法，以下介绍两者转换的方法： jQ

港控/mmm°/ 2022年06月11日 03:19/ 0 赞/ 217 阅读

相关关于jquery对象与dom对象转换

1．关于jquery对象与dom对象转换对于dom对象\-----àjquery对象 $(dom)，（直接将dom对象放到$的括号中）对于jquery对象\-

谁践踏了优雅/ 2022年06月06日 05:52/ 0 赞/ 264 阅读

相关 jQuery对象与Dom对象间的转换

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></t

r囧r小猫/ 2022年05月26日 05:59/ 0 赞/ 415 阅读

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

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

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

相关 js-jQuery对象与dom对象相互转换

核心提示：jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型，一般

你的名字/ 2021年09月30日 03:20/ 0 赞/ 505 阅读

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

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

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