jQuery Forum

On 13/10/06, "Jörn Zaefferer" <Enchos@gmx.net>

-------- Original-Nachricht --------
Datum: Fri, 13 Oct 2006 11:57:41 +0100
Von: "Sam Collett" <sam.collett@gmail.com>
An: "jQuery Discussion." <discuss@jquery.com>
Betreff: Re: [jQuery] Form plugin revisited ;-)
> On 13/10/06, "Jörn Zaefferer" <Enchos@gmx.net>

> An alternative to the above extended array/objects would be to just pass the jQuery object

Jörn,
I see negligible performance gains using $(:input, ctx) vs the current
$('*:not(option)', ctx), however it does make the code cleaner because
I can get rid of the 'ok' array.
formToArray now looks like this:
jQuery.fn.formToArray = function(semantic) {
var a = [];
var q = semantic ? ':input' : 'input,textarea,select,button';
jQuery(q, this).each(function() {
var n = this.name;
var t = this.type;
if ( !n || this.disabled || t == 'reset' ||
(t == 'checkbox' || t == 'radio') && !this.checked ||
(t == 'submit' || t == 'image' || t == 'button') &&
this.form && this.form.clk != this ||
this.tagName.toLowerCase() == 'select' && this.selectedIndex == -1)
return;
if (t == 'image' && this.form.clk_x != undefined)
return a.push(
{name: n+'_x', value: this.form.clk_x},
{name: n+'_y', value: this.form.clk_y}
);
if (t == 'select-multiple') {
jQuery('option:selected', this).each( function() {
a.push({name: n, value: this.value});
});
return;
}
a.push({name: n, value: this.value});
});
return a;
};
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Mike Alsup schrieb:

> That looks pretty nice. But you would still need some way to return the

On 10/13/06, <b class="gmail_sendername">Mike Alsup</b> <<a href="mailto:malsup@gmail.com">malsup@gmail.com</a>> wrote:<div><span class="gmail_quote"></span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
jQuery.fn.formToArray = function(semantic) {
    var a = [];
    var q = semantic ? ':input' : 'input,textarea,select,button';
    jQuery(q, this).each(function() {</blockquote><div>
How does jQuery(':input', this) differ from jQuery('input,textarea,select,button', this) ?
</div>
</div>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

> How does jQuery(':input', this) differ from

On 10/13/06, <b class="gmail_sendername">Mike Alsup</b> <<a href="mailto:malsup@gmail.com">malsup@gmail.com</a>> wrote:<div><span class="gmail_quote"></span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Great question, Aaron,
The ":input" selector will grab all elements and then filter them
using a regex match of the nodeName against
"input|select|textarea|button".  On the other hand, the
"input,textarea,select,button" selector will grab only those elements
(using getElementsByTagName I believe) and it will grab them *in that
order*.  So the first expression guarantees us semantic ordering of
the selected elements but is slower due to the regex matching.
</blockquote></div>
I thought it might have been something like that -- and yes, as far as I could tell, jQuery uses getElementsByTagName for "input,textarea,select,button"
Thanks alot,
Aaron
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/