Question

I m a newbie to jQuery. I met a issue when using the [name=value] selector. Here is the HTML:

<input type="number"/>

Very simple, right? And here is the JS:

$("input").val(100);
$("input[value= 100 ]").val(200)

The result is: the first line of the script works, but not the second line.(Chrome, FF, IE9) The both line works in IE8. How this happens? BTW, I m using jQuery1.7.2. Or you can just test the above code on http://jsfiddle.net/wzKNV/

Answer 1

attribute-qualitys Selectedoreck the attribute, but the .val(> only change the property, so the selectedor don t see the Update.

当地人<代码>querySelectorAll ,该方法使Query/Sizzle的违约情况得以实施这一“仅限”行为。

如果您打破了<代码>的选任人,那么就必须使用Siezzle,它将发挥作用......

// v------made it a non-standard Sizzle selector
$(":input[value= 100 ]").val(200);

这是因为Siezzle 选择器必须符合qSA 选择。当然,这改变了挑选人的含义,但有助于说明。

为保持使用标准甄选人(这是海事组织的良好想法),可使用<代码>filter(<>.

$("input").filter(function() { return this.value ===  100 ; })
          .val(200);

Answer 2

如果有

<input type="nubmer" disabled="disabled" value="100" /> // your fiddle have no `value`

then

$("input[value= 100 ]").val(200)

工作

友情链接