Test case for jQuery Ticket 8229

invalid attribute selector

by jitter

HTML

<div id="foo">
    <input name="test[]" />
</div>

CSS

input {
    border: 1px solid black;
}
/* works when attribute valus is either escaped or quoted */
input[name=test\[\]] {
    border-top: 5px solid red;
}
/* invalid css selector thus also invalid in jQuery */
input[name=test[]] {
    border-bottom: 5px solid green;
}

JavaScript

//works attribute value quoted
$("#foo").find('input[name="test[]"]').css("border-left", "5px solid blue");

//would also work. attribute value escaped
//$("#foo").find('input[name=test\\[\\]]').css("border-right", "5px solid blue");

//invalid selector --> fails
$("#foo").find('input[name=test[]]').css("border-right", "5px solid yellow");