getElementById()和$(#id)的区别

转自：https://blog.csdn.net/weixin_41989775/article/details/81063161

1.getElementById()获取的是js对象,$("#id")获取到的是jq对象.

2.二者获取到的对象不同,所以只能操作使用其对应的js/jq对象的方法,不能使用jq对象去操作js的方法,也不能使用js对象去操作jq的方法.

3.两者相互转换

* jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
* js -- > jq : $(js对象)

例:设置img标签的src属性

js:

<script type="text/javascript">
    //切换验证码
    function refreshCode(){//1.获取验证码图片对象
        var vcode = document.getElementById("vcode");

        //2.设置其src属性，加时间戳
        vcode.src = "${pageContext.request.contextPath}/checkCodeServlet?time="+new Date().getTime();
    }
</script>

jq:

<script>
        function refreshCode() {
$("#vcode").attr("src","${pageContext.request.contextPath}/checkCode?time="+new Date().getTime());
        }

注:如果使用jq对象是不能直接使用src方法操作img标签的

$("#vcode").src = "${pageContext.request.contextPath}/checkCodeServlet?time="+new Date().getTime();

上面这种写法是无法改变img的src属性值的.

getElementById()和$(#id)的区别相关推荐

document.getElementById(id) 与 $(#id) 的区别
document.getElementById("id") 与 $("#id") 的区别如果仅从定位到元素的角度来看的话,两都是一样的. 区别: docume ...
getElementByID() getElementsByName() getElementsByTagName()的区别 .
getElementByID() getElementsByName() getElementsByTagName()的区别 Web标准下可以通过getElementById(), getElemen ...
HTML name与id的区别
HTML name与id的区别猴子提示:对于"使用人做为例子,id就是他的身份证号,name就是他的名字,因此,id必须唯一,name可以重复",这种坊间较流行的说法是不准确的 ...
getElementById和getElementByTagName的区别
在原生js中获取元素的方法有很多,那么今天就重点说一下getElementById和getElementByTagName的区别: 1.getElementById前面必须是document:而get ...
getElementById与querySelector的区别
getElementById与querySelector的区别首先对获取元素的几个方法有所了解 getElementById():返回对拥有指定id的第一个对象的引用 getElementsByNa ...
Android @id和@+id 以及 @android:id 的区别
昨天突然有新来的同事问我这个@id 和@+id 的区别 ,为什么我们的项目都是@id 自己新增的ui 使用的@+id 这里说下我的简单的回复项目是维护的之前的是为了统一管理使用了@id 方便修改 ...
JS中class和id的区别
class和id的区别 class用于css的,id用于js的. 1)class页面上可以重复.id页面上唯一,不能重复. 2)一个标签可以有多个class,用空格隔开.但是id只能有id.
android @id和@+id的区别
今天,简单讲讲android里关于@id和@+id的区别. 之前,自己在布局里无论什么情况都使用@+id,可是后来发现有些代码用的是@id,自己不知道这两者之间有什么区别.于是就在网上查找资料,最终是 ...
软件android_id,Android中@id和@+id及@android:id的区别介绍
前言昨天突然有新来的同事问我这个@id 和@+id 的区别 ,为什么我们的项目都是@id 自己新增的ui 使用的@+id 这里说下我的简单的回复项目是维护的之前的是为了统一管理使用了@id 方便 ...

getElementById()和$(#id)的区别

getElementById()和$(#id)的区别相关推荐

最新文章

热门文章