document.getElementById("someID")与$("#someID")的区别

本文对比了DOM对象与jQuery对象的区别,详细解析了document.getElementById()与$(#someID)的使用方式及内部机制,强调了两者在获取和操作DOM元素上的不同特性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

仅从定位到元素的角度来看,两者是一样的
document.getElementById()返回的是DOM对象,而$()返回的是jQuery对象

$(’#someID’)是一个jQuery写法,#someID是一个过滤器表示方法,表示查找一个id是someID的节点,返回的是一个数组对象,数组的[0]表示dom节点

document.getElementById(‘someID’):表示从document中查找一个id是someID的dom节点

document.getElementById(“someID”)与$("#someID")并不等价
但是,document.getElementById("someID") = $("#someID")[0]
jQuery对象是jQuery独有的,其可以使用jQuery里的方法。
虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法。

例如:html()是jQuery里的方法。innerHTML是DOM对象的属性
$('#someID').html() = document.getElementById("someID").innerHTML

JavaScript获取input输入框的值var xxx = document.getElementById("id").innerText;
JavaScript对input输入框赋值document.getElementById("id").innerText = "xxx";
jQuery获取input输入框的值var xxx = $("id").text();
jQuery对input输入框赋值$("id").text("xxx");

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值