That was never supported and was coincidental that it worked. The attribute to set is class, not className.

Wow... It took me a while to find out what caused my code to become totally non-functional after upgrading to 1.6.1.

WHY do you stop supporting the className attribute as a substitute for the class attribute??? Doesn't pure javascript support - and encourage - this substibution, and is the reason not that 'class' is a reserved word???

You can't imagine the quantity of code that will need to be corrected for apparently absolutely no reason.

#9380 is a duplicate of this ticket.

At the very least, jQuery should document that this change occurred. There are many tutorials and plugins out there using this unsupported style. With my particular code, I went from a fully working site to a blank page and no errors in the console when I switched to jQuery 1.6!

Drop the jQuery.attrHooks.className code into your plugin modules code:

http://jsfiddle.net/rwaldron/8HBwH/

This will return your code to working order while allowing you to migrate & upgrade painlessly.

In any normal release, if this bug were filed the jQuery team would probably have release-noted this as an issue. But this release was so flawed that I suspect that, while operating in "damage control" mode, this issue was buried for political reasons rather than highlighted for engineering ones.

This bug is invalid. Passing invalid arguments to attr and having it work was coincidental and subject to change. className is not an attribute, but a property.

Regardless, this would work as well:

http://jsfiddle.net/timmywil/8HBwH/2/

Yours in solidarity:

timmywil +9001

This is a huge ooops in 1.6.1. So much code is broken now. People do this all the time:

var th = $('<th>', {
className: 'grouper',
"gsize": gsize,
"glow": glow,
"ghigh": ghigh
}).insertAfter('#advSearch tr th:eq(' + insertWhere + ')');

because class is a reserved word!

I've update the docs to clarify. The current behavior is correct since the name passed to .attr() should be "class" and not className which is the *property* name.

Problem is: if you change className to class it dont work in IE 9.

If you put "class" in quotes it shouldn't be a problem. Otherwise, please provide a reduced test case that illustrates the issue in IE9

It doesn't work in IE8 even with quotes!

I try this case with yoxview plugin and jQuery 1.7.1 and don't work!

Please, do something! Not say: it's work when it not work!

For yoxview, a workaround is to manually change occurrences like

 panelData.element = $("<div>", {
    className: "class_name"
 });

with

 panelData.element = $("<div>", {
 }).addClass(mediaPanelClass);

in the jquery.yoxview-xxx.js file.

I've change:

                    if (media.html)
                    {
                        panelData.element = $("<div>", {
                                className: mediaPanelClass
                            });

to:

                    if (media.html)
                    {
                        panelData.element = $("<div>", {
                          }).addClass(mediaPanelClass);

for jquery.yoxview-2.21.js and does not working.