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

阳光穿透心脏的1/2处 2022-04-25 05:50 162阅读 0赞

转自：[https://blog.csdn.net/weixin\_41989775/article/details/81063161][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属性值的.

[https_blog.csdn.net_weixin_41989775_article_details_81063161]: https://blog.csdn.net/weixin_41989775/article/details/81063161

发表评论取消回复

表情：

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

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

相关阅读

相关 querySelector和getElementById方法的区别

querySelector、querySelectorAll和getElementById、getElementsByTagName()等的区别在做开发时， get

小灰灰/ 2022年11月21日 09:46/ 0 赞/ 139 阅读

相关 javascript getElementByID,getElementsByName,getElementsByTagName的区别

getElementByID,getElementsByName,getElementsByTagName区别注意：方法区分大小写！以人来举例说明，人有能标识身份的

川长思鸟来/ 2022年09月22日 14:53/ 0 赞/ 133 阅读

相关 get-element-by-id转换为getElementById

解决： // var s1 = "get-element-by-id" var result = []

谁借莪１个温暖的怀抱￠/ 2022年09月03日 13:12/ 0 赞/ 133 阅读

相关 getElementById和getElementByTagName

<!DOCTYPE html> <html> <body> <p>Hello World!</p> <div id=

约定不等于承诺〃/ 2022年08月06日 17:19/ 0 赞/ 130 阅读

相关 jquery中的$("#id")与document.getElementById("id")的区别

今天本来想利用jquery中的$("\id")，来获取DOM对象，结果一直失败。后来才发现需要用$("\id").get(0)获取。 $("\id").get(0)与docu

￡神魔★判官ぃ/ 2022年06月15日 12:09/ 0 赞/ 184 阅读

相关 JS中getElementById()、getElementsByName()、getElementsByTagName() 的区别和应用

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用语法：document.getElementByIdx\_x\_x(id) g

客官°小女子只卖身不卖艺/ 2022年06月12日 13:07/ 0 赞/ 270 阅读

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

转自：[https://blog.csdn.net/weixin\_41989775/article/details/81063161][https_blog.csdn.net

阳光穿透心脏的1/2处/ 2022年04月25日 05:50/ 0 赞/ 163 阅读

相关 JS中关于$("#id")与document.getElementById("id")的分析

js中使用：var obj1 = getElementById(“id”); 返回的是dom对象 jquery中使用：var obj2 = $("\id"); 返回

快来打我*/ 2022年04月11日 10:41/ 0 赞/ 189 阅读

相关 jquery中的$("#id")与document.getElementById("id")的区别

以前一直认为jquery中的$("\id")和document.getElementByIdx\_x("id")得到的效果是一样的，今天做特效的时候才发现并不是这么一回事，通过

我不是女神ヾ/ 2022年03月21日 07:45/ 0 赞/ 176 阅读

相关 jquery中的$("#id")与document.getElementById("id")的区别

[点击去原文][Link 1] 以前一直认为jquery中的$("\id")和document.getElementByIdx\_x("id")得到的效果是一样的，今天做特效

深碍√TFBOYSˉ_/ 2021年12月04日 00:47/ 0 赞/ 236 阅读