javascript - Jquery val() 与下拉列表的 this.value

Question

下面的代码使用 this.value 来获取表单下拉列表的值。我一般只看到 .val() 被使用。以下方式是否可以接受跨浏览器(尤其是旧版本的 IE)？谢谢!

    $(':input', '#all').each(function() {
       alert(this.value);                 
    });

Answer 1

是的，它是可以接受的，更易读，而且比调用 $(this).val() 更便宜(更快)。

简单的说，$(this)指的是一个jQuery对象，而this指的是一个DOM元素。

常见问题here简要介绍了它(在“了解您的 DOM 属性和功能”下)

You should use plain "this" when the native DOM APIs suffice, and $(this) when you need the help of jQuery.

我还建议阅读以下内容:

$(this) vs this in jQuery

jQuery: What's the difference between '$(this)' and 'this'?

When to use Vanilla JavaScript vs. jQuery?

utilizing-the-awesome-power-of-jquery-to-access-properties-of-an-element

this demystified