jquery - 选项 :selected not working jquery 1. 9

Question

以下内容:

  $("select option:contains(fish)").attr('selected', true);

在 jQuery 1.9 以下的任何版本中都可以很好地工作，但在 jQuery 1.9+ 中根本不起作用。我一直在寻找有关任何更改的任何文档，但没有找到任何内容。

知道如何让这段代码与新的 jquery 一起工作吗？

示例如下(默认为 jQuery 1.4):http://jsfiddle.net/reigel/TZmEw/

Answer 1

对于 jquery 1.9，使用 Prop api 而不是 attr。

$("select option:contains(fish)").prop('selected', 'selected');

或者

 $("select option:contains(fish)").prop('selected', true);

原因:jQuery 1.6 引入了用于设置或获取节点属性的 .prop() 方法，并弃用了使用 .attr() 来设置属性。但是，1.9 之前的版本继续支持在特定情况下使用 .attr()。当使用区分属性和特性的选择器时，这种以向后兼容性为名的行为会导致困惑。

来源:http://jquery.com/upgrade-guide/1.9/#changes-of-note-in-jquery-1-9

Attr Api 中提到:从 jQuery 1.6 开始，.attr() 方法对于尚未设置的属性返回 undefined。此外，.attr() 不应用于普通对象、数组、窗口或文档。要检索和更改 DOM 属性，请使用 .prop() 方法。

来源:http://api.jquery.com/attr/#entry-longdesc