jQuery在版本1.7.1中未设置'textcontent'

Question

我有以下代码为HTML中的元素设置目标，href和textcontent，这在JQuery 1.4.1和1.5.1中工作得很好，但是更新到1.7.1后，它不会更改'textcontent'属性可见元素的href已更新。

 $("#uriEmma").attr('textcontent', emmaUri);
 $("#uriEmma").attr('href', emmaUri);
 $("#uriEmma").attr('target', '_blank');

任何想法为什么会这样？

Answer 1

您应该使用.prop()和正确的大小写： textContent 。 例

从文档：

属性和属性之间的差异在特定情况下可能很重要。 在jQuery 1.6之前，.attr（）方法在检索某些属性时有时会考虑属性值，这可能会导致行为不一致。 从jQuery 1.6开始，.prop（）方法提供了一种显式检索属性值的方法，而.attr（）则检索属性。

Answer 2

.prop( propertyName )

属性和属性之间的差异在特定情况下可能很重要。 在jQuery 1.6之前， .attr()方法在检索某些属性时有时会考虑属性值，这可能会导致行为不一致。 从jQuery 1.6开始，.prop（）方法提供了一种显式检索属性值的方法，而.attr()检索属性。

例如，应该检索selectedIndex ， tagName ， nodeName ， nodeType ， ownerDocument ， defaultChecked和defaultSelected并使用.prop()方法进行设置。 在jQuery 1.6之前，可以使用.attr()方法检索这些属性，但这不在attr的范围内。 这些没有相应的属性，而仅仅是属性。

Answer 3

textContent是DOM属性，而不是HTML属性。

在旧版本的jQuery中，如果字符串大小写与元素上的匹配属性相同，则attr()函数几乎总是映射到属性。 这在jQuery 1.6中进行了更改（这是正确的），因此现在attr()几乎唯一地映射到setAttribute并且引入了新函数prop()来设置包装元素的属性。

除了使用prop() ，您还需要确保大小写正确。 JavaScript和DOM属性使用驼峰大小写，并以小写字母开头。 因此，您需要使用textContent而不是textcontent 。

您可以通过以下两种方式在jQuery 1.6+中设置属性：

// Set the first element's `textContent`
$("#someEl")[0].textContent = "test";

// Set every element's textContent
$("#someEl").prop('textContent', "test");

// Set every element's text, mapping to innerText in older browsers:
$("#someEl").text("test");

注意，如果要支持IE 8及更低版本，则需要使用text()或进行适当的测试以使用innerText代替textContent 。