Search jQuery

jQuery Forum

Form Tag As Base Selector

in Using jQuery • 4 years ago

Say I've created a jQuery reference to a form tag ($formRef), and within the form I am dynamically adding and removing DOM elements.

Will these selectors, a & b, reference the same element?

var a = $formRef.find('#elementAddedPostFormReferenceCreation');

var b = $('#elementAddedPostFormReferenceCreation');

I've always believed that with dynamic HTML, the DIV containing the dynamic content should not be cached because it will only 'find' the elements that existed when the reference was created. But I've been testing and this idea is proving to be incorrect.

Can anyone weigh in on this?

Thanks Much,

David

Replies(4)

jakecigar

Re: Form Tag As Base Selector

4 years ago

If there is only one #elementAddedPostFormReferenceCreation, and it is inside $formRef, a is the same as b.

There is no "cache" involved. There is the DOM. Both will only find the element that exist in the DOM at the time your code is executed.

Can you share a http://jsfiddle.net example where it doesn’t seem to do that?

JΛ̊KE

dgiragosi..

Re: Form Tag As Base Selector

4 years ago

The cache is of the form tag.

This is a large, multi-part form where selections at the top change out the form content below.

So I've been experimenting with caching the form tag reference before the new html content is added below, then using the cached form tag with $.find to get references to the new html content.

I can't provide an example where this doesn't work because it is working wherever I test it.

I'm just surprised that this is the case.

jakecigar

Re: Form Tag As Base Selector

4 years ago

By cache do you just mean assigning $formRef? It is a reference to the DOM element, it will find whatever is in the DOM at the moment you execute the .find.

JΛ̊KE

dgiragosi..

Re: Form Tag As Base Selector

4 years ago

That's what I mean.

The javascript code is some 13,000 lines long and comprises 18 modules (2 per type, so 9 paired modules), and 1 master module, within which I've been testing getting the reference to the form tag then exposing and using it in the other (child) modules.

The html outside the form has been growing, and using the form reference has resulted in a big boost in performance.

Thanks for your help, Jake.

David

Top Reply

Response title

Attachments

jQuery Forum

Form Tag As Base Selector

Replies(4)

Re: Form Tag As Base Selector

Re: Form Tag As Base Selector

Re: Form Tag As Base Selector

Re: Form Tag As Base Selector

Statistics

Tags

Actions