javascript - jQuery 对象和元素

Question

我知道我之前看到过类似问题的一个非常直接的答案，但我一直无法记住或找到它，所以提前道歉。

我不是编码新手，但我没有接受过 Javascript/jQuery 方面的正式培训。我使用的其他所有内容都已严格键入，所以我仍在为 JS 的键入方式而苦苦挣扎。我有一个函数，每次更改特定类的子级时都会触发(我正在为 Sharepoint 编写此函数，因此必须完成一些工作。)

为什么我这样写:

$(".listen *").change(function(event) {

        var element = event.target;

        if (element.title == 'Workstation')) {
             alert(element.val());
        }
    }

我得到一个错误，说 .val() 不是一个函数，我必须改写

 $(".listen *").change(function(event) {

        var element = event.target;

        if (element.title == 'Workstation')) {
             alert($('#' + element.id).val());
        }
     }

“元素”是对象和通过id检索出来的对象有什么区别？它们不都是 jQuery 对象吗？我意识到并非我的函数返回的所有对象实际上都可能有返回值，但我不明白如何进行区分。

谢谢!

Answer 1

在您的第一个代码块中，“element”变量不是 jQuery 对象，而是 DOM 对象。 .val() 方法不是为 DOM 对象定义的。它仅为 jQuery 对象定义。

在您的第二个代码块中 $('#' .element.id) 返回一个确实定义了 val() 方法的 jQuery 对象。

所以回答你的问题，不，它们不是两个 jQuery 对象，只有第二个是。