attr('defaultValue') 使用 jQuery 1.6.3 返回未定义

Question

我有一个简单的 jQuery 脚本，可以与 jQuery 1.5.2 完美配合，如您在 this jsFiddle 中看到的那样。应该发生的情况是，当您将焦点移至文本字段时，默认值将被删除。如果将该字段留空，则原始默认值将恢复原状。

http://jsfiddle.net/kHBsD/

但是，相同的代码（仅使用 jQuery 1.6.3）并不相同在职的。 （不起作用意味着默认值保留在文本框中，直到您手动将其删除，如 this jsFiddle 中所示。

< a href="http://jsfiddle.net/kHBsD/1/">http://jsfiddle.net/kHBsD/1/

控制台中没有脚本错误，功能的其他方面都可以运行你可以看到。 hover() 部分在两个 jsFiddles 中都工作正常。

---

摘要版本（根本问题）

jQuery 1.6.3 返回 undefined 。 .attr('defaultValue')。

jsFiddle 使用 jQuery 1.6.3（不工作）

但是，jQuery 返回 .attr('defaultValue') 的预期值。

1.5.2使用 jQuery 1.5.2 工作）

---

问题：

有谁知道为什么会发生这种情况？（对我来说这看起来像是一个 jQuery 错误。）

以下内容仍在工作......

document.getElementById().defaultValue

但我认为它是非常丑陋必须在哪里这样做jQuery 可用。

我愿意接受其他建议。

Answer 1

使用 prop()：

$( '#q' ).prop( 'defaultValue' )

现场演示： http://jsfiddle.net/kHBsD /8/

您会看到，'defaultValue' 不是内容属性（HTML 属性），如果您查看 HTML 源代码，您可以自己看到这一点。相反，它是 HTMLInputElement DOM 元素节点的属性。

请参阅此处： https://developer.mozilla.org/en/DOM/HTMLInputElement

---

属性存在于 HTML 源代码中代码。
属性存在于 DOM 树中。

当浏览器解析 HTML 源代码时，将解释 HTML 元素并创建相应的 HTMLInputElement DOM 节点。该 DOM 元素包含数十个属性（'defaultValue' 是其中之一）。

---

在这里，我重构了您的代码：

$( '.autoclear' ).
    focus( function () {
        if ( this.value === this.defaultValue ) {
            this.value = '';
            $( this ).removeClass( 'blur' ).addClass( 'focus' );
        }
    }).
    blur( function () {
        if ( this.value === '' ) { 
            this.value = this.defaultValue;
            $( this ).removeClass( 'focus' ).addClass( 'blur' );
        }
    });

现场演示： http://jsfiddle.net/kHBsD/9/

prop() 不是必需的 - 您拥有 this 引用，因此您可以直接访问该属性。另外，不需要这些悬停处理程序，只需使用 input:hover CSS 规则即可。

Answer 2

var x=$('#q').prop('defaultValue');