jquery获取对象出错如何解决

今天碰到了一个问题，通过点击a标签执行绑定的方法，在方法中将事件封装为表单的提交。当前端向服务器提交的地址一直是错的，提交的是浏览器中地址栏的地址。以上步骤的目的主要是通过springMVC的HiddenHttpMethodFilter过滤器将请求的方法变为delete，执行删除操作。

前端代码和错误如下：

<a @click="delete_emp" th:href="@{'/employee/'+${employee.empId}}">deletea>

<form id="delete_form" method="post">
    <input type="hidden" name="_method" value="DELETE">
form>

<script>
    new Vue({
        el:'#app',
        methods:{
            delete_emp:function (event){
                var url = event.target.href;
                var $deleteForm = $("#delete_form");
                $deleteForm.action=url
                if (confirm("是否确定删除？")) {
                    $deleteForm.submit()
                }
                event.preventDefault()
            }
        }
    })
script>

我在这个地方弄了很久，最后发现是JQuery的原因，将获取标签对象的方式换成下面这个，问题就解决了

 var $deleteForm = document.getElementById("delete_form");
  // var $deleteForm = $("#delete_form");

但我我知道原理是什么，有没有强者请教一下。

jQuery选择器返回的是jQuery对象数组，所以要用下标访问才能获取DOM元素

var $deleteForm = $("#delete_form")[0];

确实容易搞混😂用多了就差点忘了自己是在用jQuery。

$deleteForm = $("#delete_form"); 得到的是数组，所以$deleteForm.action=url 设置action 其实是没成功的。没设置action 就默认用你浏览器地址的呀。

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 文章：Jquery跨域 解决方案 中也许有你想要的答案，请看下吧

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^