[jQuery] Reducing this code.
I am just beginning my journey with jQuery and would like to know how
the following could be summarised:
$(document).ready
(
function()
{
$("fieldset input, fieldset select, fieldset textarea").focus
(
function()
{
this.parentNode.className = "container on";
return false;
}
);
$("fieldset input, fieldset select, fieldset textarea").blur
(
function()
{
this.parentNode.className = "container";
return false;
}
);
}
);
This code is used on a form. When a form element is selected, it
changes the classname of its parent (called "container") to "container
on" (this class has some css attached to it). When the form element is
de-selected, it changes the class name back to "container".
Notes:
1) The code is split onto different lines to help me with
visualisation because i am new to jQuery and am still getting used to
it.
2) Is there are shorter version of saying $("fieldset input, fieldset
select, fieldset textarea").
3) Is it really necessary to repeat the two functions - one for focus
and one for blur - or can they be joined?
Thanks everyone.
1) The way it is spread out on different lines is to help me visualise
what's going on.
2) The first area of summarisation i would