javascript - 原生JS和jQuery的一个问题

问题描述

问 题

<input type="" name="" value="" id="input">
<button type="button" id="btn">button</button>

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
<script type="text/javascript">
    $("#btn").on('click',function() {
        window.open("http://www." + document.getElementById("input").value + ".com");
    });
</script>

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
<script type="text/javascript">
    $("#btn").on('click',function() {
        window.open("http://www." + $("#input").value + ".com");
    });
</script>

各位大神，小弟请问一下，如上面代码所示，为何第二种使用jQuery的方法，无法获取到input中输入的value？而显示underfind？欢迎来喷

解决方案

jquery获取value是用$().val(),当然你也可以$("#input")[0].value~
还可以 $("#input").get(0).value;
因为jquery包住的对象是封装好的对象，要想直接拿到dom那就后面两种

这篇关于javascript - 原生JS和jQuery的一个问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！