[jQuery] Re: Can you help me understand .end() ?
Thanks so much Ricardo and MorningZ ! I think I have a good
understanding now.
On Apr 22, 7:11 pm, MorningZ morni...@gmail.com wrote:
In the example provided on the page I was viewing,
$(a).filter(.clickme).click(function(){ alert(You are now
leaving the site.); }).end()
can you describe what .end() is doing?
.end() is doing absolutely nothing
but at that point you are back to the collection of a's in the chain
and could do something further
I use it when i fill HTML of a div from an AJAX call...
say i call .get and the HTML i am filling in has two buttons and i
want to wire them up do an event
div id=Results/div
and i call make an ajax call and have this success event
function(results) {
}
and the results object has the HTML of, and just keeping it simple:
buttonDo Action A/buttonbuttonDo Action B/button
then .end() could let me wire both those in one line like
$(#Results) //You're at the div
.html(results) //Filled, still @ div
.find(button:first) //You are at 1st button
.click(Action_A_Event) //Wired event, still @ button
.end() //Back to div
.find(button:last) //You are at 2nd button
.click(Action_B_Event); //Wired event to 2nd button
$.get(some url);
On Apr 22, 4:25 pm, Ricardo ricardob...@gmail.com wrote:
In the docs example end() is not doing anything useful, it's just
showing where end() fits. I use it to avoid repeating selectors:
$('#myform')
.find('input')
.click(fn..).end()
.find('textarea')
.mouseover(fn...).end()
.find('label')
.css('color', 'red');
Limiting the search to #myform descendants gives me faster results,
and end() allows for a nice chaining structure.
- ricardo
On Apr 22, 5:15 pm, JKippes jessandthec...@gmail.com wrote:
MorningZ and Ignacio, Thanks so much for the examples. Both helped me
understand .end() better.
I have a couple additional questions to solidfy my understanding.
Is this example,
$(div).find(span).css('background':'red').end().css
('background':'green');
mainly where you see .end() being used? For when you want to attach
different property settings to elements within the same container?
In the example provided on the page I was viewing,
$(a).filter(.clickme).click(function(){ alert(You are now
leaving the site.); }).end()
can you describe what .end() is doing? There isn't anything in the
chain after that point, and I'm not sure what it would be backing up
to.
Thanks again.
On Apr 22, 1:28 pm, Ignacio Cortorreal luis3igna...@gmail.com wrote:
if you do something like:
$(div).find(span).css('background':'red').end().css('background':'green');
spans will be red, and the divs will be green.
.end() reset the chain to the first selector
On Wed, Apr 22, 2009 at 2:05 PM, MorningZ morni...@gmail.com wrote:
Say you have the html of
div
spanOne/span
spanTwo/span
spanThree/span
/div
and say:
var $obj = $(div);
your jQuery object, $obj, will be just the div tag
Now if you say
var $obj = $(div).find(span);
that would first be an object representing the div and the .find()
makes it be an object of the 3 span tags
If the statement was (and granted this doesn't make sense, but just an
example)
var $obj = $(div).find(span).end();
that would be just the div tag again although walking through
the selector, $obj would have been the div, then would have
represented the found span tags, called .end() backs off the
.find() and goes back to the div
thinking of the chained command like a deck of cards helps :-)
On Apr 22, 12:41 pm, JKippes jessandthec...@gmail.com wrote:
Please referencehttp://docs.jquery.com/How_jQuery_Works, the
Chainability segment.
I'm confused on the given description of .end():
You can take this even further, by adding or removing elements from
the selection, modifying those elements and then reverting to the
old
selection, for example:
$(a)
.filter(.clickme)
.click(function(){
alert(You are now leaving the site.);
})
.end()
a href=http://google.com/; class=clickmeI give a message when
you
leave/a
Methods that modify the jQuery selection and can be undone with
end(),
are the following:
add(),
children(),
eq(),
filter(),
find(),
next(),
not(),
parent(),
parents(),
siblings() and
slice().
What does reverting and undone mean here? When I run the code, the
link click event runs the alert, I hit Ok, and it passes me to
Google. So the words reverting and undone
[jQuery] Re: Can you help me understand .end() ?
Say you have the html of
div
spanOne/span
spanTwo/span
spanThree/span
/div
and say:
var $obj = $(div);
your jQuery object, $obj, will be just the div tag
Now if you say
var $obj = $(div).find(span);
that would first be an object representing the div and the .find()
makes it be an object of the 3 span tags
If the statement was (and granted this doesn't make sense, but just an
example)
var $obj = $(div).find(span).end();
that would be just the div tag again although walking through
the selector, $obj would have been the div, then would have
represented the found span tags, called .end() backs off the
.find() and goes back to the div
thinking of the chained command like a deck of cards helps :-)
On Apr 22, 12:41 pm, JKippes jessandthec...@gmail.com wrote:
Please referencehttp://docs.jquery.com/How_jQuery_Works, the
Chainability segment.
I'm confused on the given description of .end():
You can take this even further, by adding or removing elements from
the selection, modifying those elements and then reverting to the old
selection, for example:
$(a)
.filter(.clickme)
.click(function(){
alert(You are now leaving the site.);
})
.end()
a href=http://google.com/; class=clickmeI give a message when you
leave/a
Methods that modify the jQuery selection and can be undone with end(),
are the following:
add(),
children(),
eq(),
filter(),
find(),
next(),
not(),
parent(),
parents(),
siblings() and
slice().
What does reverting and undone mean here? When I run the code, the
link click event runs the alert, I hit Ok, and it passes me to
Google. So the words reverting and undone confuse me, as I would take
this to mean the modified click event would be undone and never
executed. So what does .end() really do? A friend thinks it could
be a chain terminator, though he never uses it. Is it just a cleanup
thing part of good practice and not technically needed?
Thanks for educating a real jQuery beginner.
[jQuery] Re: Can you help me understand .end() ?
Essentially the end method returns the result of the very first selector.
Andy matthews
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of MorningZ
Sent: Wednesday, April 22, 2009 1:06 PM
To: jQuery (English)
Subject: [jQuery] Re: Can you help me understand .end() ?
Say you have the html of
div
spanOne/span
spanTwo/span
spanThree/span
/div
and say:
var $obj = $(div);
your jQuery object, $obj, will be just the div tag
Now if you say
var $obj = $(div).find(span);
that would first be an object representing the div and the .find()
makes it be an object of the 3 span tags
If the statement was (and granted this doesn't make sense, but just an
example)
var $obj = $(div).find(span).end();
that would be just the div tag again although walking through the
selector, $obj would have been the div, then would have represented the
found span tags, called .end() backs off the .find() and goes back
to the div
thinking of the chained command like a deck of cards helps :-)
On Apr 22, 12:41 pm, JKippes jessandthec...@gmail.com wrote:
Please referencehttp://docs.jquery.com/How_jQuery_Works, the
Chainability segment.
I'm confused on the given description of .end():
You can take this even further, by adding or removing elements from
the selection, modifying those elements and then reverting to the old
selection, for example:
$(a)
.filter(.clickme)
.click(function(){
alert(You are now leaving the site.);
})
.end()
a href=http://google.com/; class=clickmeI give a message when you
leave/a
Methods that modify the jQuery selection and can be undone with end(),
are the following:
add(),
children(),
eq(),
filter(),
find(),
next(),
not(),
parent(),
parents(),
siblings() and
slice().
What does reverting and undone mean here? When I run the code, the
link click event runs the alert, I hit Ok, and it passes me to Google.
So the words reverting and undone confuse me, as I would take this to
mean the modified click event would be undone and never executed.
So what does .end() really do? A friend thinks it could be a chain
terminator, though he never uses it. Is it just a cleanup thing part
of good practice and not technically needed?
Thanks for educating a real jQuery beginner.
[jQuery] Re: Can you help me understand .end() ?
Essentially the end method returns the result of the very first
selector.
Not an accurate statement
if you say
var $obj = $(div).find(span).find(img);
and do
$obj.end();
that would be a selection of span tags, *not* the first selector of
just the div tag
Right from the docs
Revert the most recent 'destructive' operation, changing the set of
matched elements to its previous state (right before the destructive
operation).
On Apr 22, 2:20 pm, Andy Matthews li...@commadelimited.com wrote:
Essentially the end method returns the result of the very first selector.
Andy matthews
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of MorningZ
Sent: Wednesday, April 22, 2009 1:06 PM
To: jQuery (English)
Subject: [jQuery] Re: Can you help me understand .end() ?
Say you have the html of
div
spanOne/span
spanTwo/span
spanThree/span
/div
and say:
var $obj = $(div);
your jQuery object, $obj, will be just the div tag
Now if you say
var $obj = $(div).find(span);
that would first be an object representing the div and the .find()
makes it be an object of the 3 span tags
If the statement was (and granted this doesn't make sense, but just an
example)
var $obj = $(div).find(span).end();
that would be just the div tag again although walking through the
selector, $obj would have been the div, then would have represented the
found span tags, called .end() backs off the .find() and goes back
to the div
thinking of the chained command like a deck of cards helps :-)
On Apr 22, 12:41 pm, JKippes jessandthec...@gmail.com wrote:
Please referencehttp://docs.jquery.com/How_jQuery_Works, the
Chainability segment.
I'm confused on the given description of .end():
You can take this even further, by adding or removing elements from
the selection, modifying those elements and then reverting to the old
selection, for example:
$(a)
.filter(.clickme)
.click(function(){
alert(You are now leaving the site.);
})
.end()
a href=http://google.com/; class=clickmeI give a message when you
leave/a
Methods that modify the jQuery selection and can be undone with end(),
are the following:
add(),
children(),
eq(),
filter(),
find(),
next(),
not(),
parent(),
parents(),
siblings() and
slice().
What does reverting and undone mean here? When I run the code, the
link click event runs the alert, I hit Ok, and it passes me to Google.
So the words reverting and undone confuse me, as I would take this to
mean the modified click event would be undone and never executed.
So what does .end() really do? A friend thinks it could be a chain
terminator, though he never uses it. Is it just a cleanup thing part
of good practice and not technically needed?
Thanks for educating a real jQuery beginner.
[jQuery] Re: Can you help me understand .end() ?
if you do something like:
$(div).find(span).css('background':'red').end().css('background':'green');
spans will be red, and the divs will be green.
.end() reset the chain to the first selector
On Wed, Apr 22, 2009 at 2:05 PM, MorningZ morni...@gmail.com wrote:
Say you have the html of
div
spanOne/span
spanTwo/span
spanThree/span
/div
and say:
var $obj = $(div);
your jQuery object, $obj, will be just the div tag
Now if you say
var $obj = $(div).find(span);
that would first be an object representing the div and the .find()
makes it be an object of the 3 span tags
If the statement was (and granted this doesn't make sense, but just an
example)
var $obj = $(div).find(span).end();
that would be just the div tag again although walking through
the selector, $obj would have been the div, then would have
represented the found span tags, called .end() backs off the
.find() and goes back to the div
thinking of the chained command like a deck of cards helps :-)
On Apr 22, 12:41 pm, JKippes jessandthec...@gmail.com wrote:
Please referencehttp://docs.jquery.com/How_jQuery_Works, the
Chainability segment.
I'm confused on the given description of .end():
You can take this even further, by adding or removing elements from
the selection, modifying those elements and then reverting to the old
selection, for example:
$(a)
.filter(.clickme)
.click(function(){
alert(You are now leaving the site.);
})
.end()
a href=http://google.com/; class=clickmeI give a message when you
leave/a
Methods that modify the jQuery selection and can be undone with end(),
are the following:
add(),
children(),
eq(),
filter(),
find(),
next(),
not(),
parent(),
parents(),
siblings() and
slice().
What does reverting and undone mean here? When I run the code, the
link click event runs the alert, I hit Ok, and it passes me to
Google. So the words reverting and undone confuse me, as I would take
this to mean the modified click event would be undone and never
executed. So what does .end() really do? A friend thinks it could
be a chain terminator, though he never uses it. Is it just a cleanup
thing part of good practice and not technically needed?
Thanks for educating a real jQuery beginner.
[jQuery] Re: Can you help me understand .end() ?
MorningZ and Ignacio, Thanks so much for the examples. Both helped me
understand .end() better.
I have a couple additional questions to solidfy my understanding.
Is this example,
$(div).find(span).css('background':'red').end().css
('background':'green');
mainly where you see .end() being used? For when you want to attach
different property settings to elements within the same container?
In the example provided on the page I was viewing,
$(a).filter(.clickme).click(function(){ alert(You are now
leaving the site.); }).end()
can you describe what .end() is doing? There isn't anything in the
chain after that point, and I'm not sure what it would be backing up
to.
Thanks again.
On Apr 22, 1:28 pm, Ignacio Cortorreal luis3igna...@gmail.com wrote:
if you do something like:
$(div).find(span).css('background':'red').end().css('background':'green');
spans will be red, and the divs will be green.
.end() reset the chain to the first selector
On Wed, Apr 22, 2009 at 2:05 PM, MorningZ morni...@gmail.com wrote:
Say you have the html of
div
spanOne/span
spanTwo/span
spanThree/span
/div
and say:
var $obj = $(div);
your jQuery object, $obj, will be just the div tag
Now if you say
var $obj = $(div).find(span);
that would first be an object representing the div and the .find()
makes it be an object of the 3 span tags
If the statement was (and granted this doesn't make sense, but just an
example)
var $obj = $(div).find(span).end();
that would be just the div tag again although walking through
the selector, $obj would have been the div, then would have
represented the found span tags, called .end() backs off the
.find() and goes back to the div
thinking of the chained command like a deck of cards helps :-)
On Apr 22, 12:41 pm, JKippes jessandthec...@gmail.com wrote:
Please referencehttp://docs.jquery.com/How_jQuery_Works, the
Chainability segment.
I'm confused on the given description of .end():
You can take this even further, by adding or removing elements from
the selection, modifying those elements and then reverting to the old
selection, for example:
$(a)
.filter(.clickme)
.click(function(){
alert(You are now leaving the site.);
})
.end()
a href=http://google.com/; class=clickmeI give a message when you
leave/a
Methods that modify the jQuery selection and can be undone with end(),
are the following:
add(),
children(),
eq(),
filter(),
find(),
next(),
not(),
parent(),
parents(),
siblings() and
slice().
What does reverting and undone mean here? When I run the code, the
link click event runs the alert, I hit Ok, and it passes me to
Google. So the words reverting and undone confuse me, as I would take
this to mean the modified click event would be undone and never
executed. So what does .end() really do? A friend thinks it could
be a chain terminator, though he never uses it. Is it just a cleanup
thing part of good practice and not technically needed?
Thanks for educating a real jQuery beginner.- Hide quoted text -
- Show quoted text -
[jQuery] Re: Can you help me understand .end() ?
In the docs example end() is not doing anything useful, it's just
showing where end() fits. I use it to avoid repeating selectors:
$('#myform')
.find('input')
.click(fn..).end()
.find('textarea')
.mouseover(fn...).end()
.find('label')
.css('color', 'red');
Limiting the search to #myform descendants gives me faster results,
and end() allows for a nice chaining structure.
- ricardo
On Apr 22, 5:15 pm, JKippes jessandthec...@gmail.com wrote:
MorningZ and Ignacio, Thanks so much for the examples. Both helped me
understand .end() better.
I have a couple additional questions to solidfy my understanding.
Is this example,
$(div).find(span).css('background':'red').end().css
('background':'green');
mainly where you see .end() being used? For when you want to attach
different property settings to elements within the same container?
In the example provided on the page I was viewing,
$(a).filter(.clickme).click(function(){ alert(You are now
leaving the site.); }).end()
can you describe what .end() is doing? There isn't anything in the
chain after that point, and I'm not sure what it would be backing up
to.
Thanks again.
On Apr 22, 1:28 pm, Ignacio Cortorreal luis3igna...@gmail.com wrote:
if you do something like:
$(div).find(span).css('background':'red').end().css('background':'green');
spans will be red, and the divs will be green.
.end() reset the chain to the first selector
On Wed, Apr 22, 2009 at 2:05 PM, MorningZ morni...@gmail.com wrote:
Say you have the html of
div
spanOne/span
spanTwo/span
spanThree/span
/div
and say:
var $obj = $(div);
your jQuery object, $obj, will be just the div tag
Now if you say
var $obj = $(div).find(span);
that would first be an object representing the div and the .find()
makes it be an object of the 3 span tags
If the statement was (and granted this doesn't make sense, but just an
example)
var $obj = $(div).find(span).end();
that would be just the div tag again although walking through
the selector, $obj would have been the div, then would have
represented the found span tags, called .end() backs off the
.find() and goes back to the div
thinking of the chained command like a deck of cards helps :-)
On Apr 22, 12:41 pm, JKippes jessandthec...@gmail.com wrote:
Please referencehttp://docs.jquery.com/How_jQuery_Works, the
Chainability segment.
I'm confused on the given description of .end():
You can take this even further, by adding or removing elements from
the selection, modifying those elements and then reverting to the old
selection, for example:
$(a)
.filter(.clickme)
.click(function(){
alert(You are now leaving the site.);
})
.end()
a href=http://google.com/; class=clickmeI give a message when you
leave/a
Methods that modify the jQuery selection and can be undone with end(),
are the following:
add(),
children(),
eq(),
filter(),
find(),
next(),
not(),
parent(),
parents(),
siblings() and
slice().
What does reverting and undone mean here? When I run the code, the
link click event runs the alert, I hit Ok, and it passes me to
Google. So the words reverting and undone confuse me, as I would take
this to mean the modified click event would be undone and never
executed. So what does .end() really do? A friend thinks it could
be a chain terminator, though he never uses it. Is it just a cleanup
thing part of good practice and not technically needed?
Thanks for educating a real jQuery beginner.- Hide quoted text -
- Show quoted text -
[jQuery] Re: Can you help me understand .end() ?
In the example provided on the page I was viewing,
$(a).filter(.clickme).click(function(){ alert(You are now
leaving the site.); }).end()
can you describe what .end() is doing?
.end() is doing absolutely nothing
but at that point you are back to the collection of a's in the chain
and could do something further
I use it when i fill HTML of a div from an AJAX call...
say i call .get and the HTML i am filling in has two buttons and i
want to wire them up do an event
div id=Results/div
and i call make an ajax call and have this success event
function(results) {
}
and the results object has the HTML of, and just keeping it simple:
buttonDo Action A/buttonbuttonDo Action B/button
then .end() could let me wire both those in one line like
$(#Results) //You're at the div
.html(results) //Filled, still @ div
.find(button:first) //You are at 1st button
.click(Action_A_Event)//Wired event, still @ button
.end()//Back to div
.find(button:last) //You are at 2nd button
.click(Action_B_Event); //Wired event to 2nd button
$.get(some url);
On Apr 22, 4:25 pm, Ricardo ricardob...@gmail.com wrote:
In the docs example end() is not doing anything useful, it's just
showing where end() fits. I use it to avoid repeating selectors:
$('#myform')
.find('input')
.click(fn..).end()
.find('textarea')
.mouseover(fn...).end()
.find('label')
.css('color', 'red');
Limiting the search to #myform descendants gives me faster results,
and end() allows for a nice chaining structure.
- ricardo
On Apr 22, 5:15 pm, JKippes jessandthec...@gmail.com wrote:
MorningZ and Ignacio, Thanks so much for the examples. Both helped me
understand .end() better.
I have a couple additional questions to solidfy my understanding.
Is this example,
$(div).find(span).css('background':'red').end().css
('background':'green');
mainly where you see .end() being used? For when you want to attach
different property settings to elements within the same container?
In the example provided on the page I was viewing,
$(a).filter(.clickme).click(function(){ alert(You are now
leaving the site.); }).end()
can you describe what .end() is doing? There isn't anything in the
chain after that point, and I'm not sure what it would be backing up
to.
Thanks again.
On Apr 22, 1:28 pm, Ignacio Cortorreal luis3igna...@gmail.com wrote:
if you do something like:
$(div).find(span).css('background':'red').end().css('background':'green');
spans will be red, and the divs will be green.
.end() reset the chain to the first selector
On Wed, Apr 22, 2009 at 2:05 PM, MorningZ morni...@gmail.com wrote:
Say you have the html of
div
spanOne/span
spanTwo/span
spanThree/span
/div
and say:
var $obj = $(div);
your jQuery object, $obj, will be just the div tag
Now if you say
var $obj = $(div).find(span);
that would first be an object representing the div and the .find()
makes it be an object of the 3 span tags
If the statement was (and granted this doesn't make sense, but just an
example)
var $obj = $(div).find(span).end();
that would be just the div tag again although walking through
the selector, $obj would have been the div, then would have
represented the found span tags, called .end() backs off the
.find() and goes back to the div
thinking of the chained command like a deck of cards helps :-)
On Apr 22, 12:41 pm, JKippes jessandthec...@gmail.com wrote:
Please referencehttp://docs.jquery.com/How_jQuery_Works, the
Chainability segment.
I'm confused on the given description of .end():
You can take this even further, by adding or removing elements from
the selection, modifying those elements and then reverting to the old
selection, for example:
$(a)
.filter(.clickme)
.click(function(){
alert(You are now leaving the site.);
})
.end()
a href=http://google.com/; class=clickmeI give a message when you
leave/a
Methods that modify the jQuery selection and can be undone with end(),
are the following:
add(),
children(),
eq(),
filter(),
find(),
next(),
not(),
parent(),
parents(),
siblings() and
slice().
What does reverting and undone mean here? When I run the code, the
link click event runs the alert, I hit Ok, and it passes me to
Google. So the words reverting and undone confuse me, as I would take
this to mean the modified click event would be undone and never
executed. So what does .end() really do? A friend thinks it could
be a chain terminator, though he never uses it. Is it just a cleanup
thing part of good
