This link has been bookmarked by 275 people . It was first bookmarked on 26 Apr 2007, by prathe.
-
22 Feb 13
-
25 Nov 12
-
The special thing about a callback is that functions that appear after the "parent" can execute before the callback executes.
-
The anonymous function does exactly one thing: calls myCallBack, with the values of 'foo' and 'bar'.
-
-
08 Oct 12
-
-
Inside of which is the code that you want to run right when the page is loaded
-
the Javascript code isn't run until all images are finished downloading
-
The reason for using window.onload in the first place is that the HTML 'document' isn't finished loading yet, when you first try to run your code
-
jQuery has a simple statement that checks the
documentand waits until it's ready to be manipulated, known as the ready event -
prevent the default behaviour
-
event.preventDefault() in the event handler
-
while the custom script is included in the <head>, it is generally preferable to place it in a separate file and refer that file with the script element's src attribute
-
A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.
-
functions that appear after the "parent" can execute before the callback executes.
-
second parameter here is simply the function name
-
can be passed around like variable references and executed at a later time.
-
Functions in Javascript
-
-
14 Aug 12
-
This is a basic tutorial, designed to help you get started using jQuery
-
<!doctype html> <html> <head> <meta charset="utf-8">
-
jQuery has a simple statement that checks the
documentand waits until it's ready to be manipulated -
$(document).ready(function(){ // Your code here });
-
you can prevent the default behaviour
-
by calling event.preventDefault() in the event handler
-
event.preventDefault();
-
links to Google's CDN to load the jQuery core file.
-
<html lang="en">
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
-
Adding and Removing an HTML Class
-
.addClass("test")
-
.removeClass("test")
-
Callback without arguments
-
myCallBack
-
Callback with arguments
-
Wrong Way (will not work!)
-
myCallBack('foo', 'bar')
-
Right
-
an anonymous function is created (just a block of statements) and is registered as the callback function.
-
function(){
-
myCallBack('foo', 'bar');
-
-
03 Aug 12
-
<script src="jquery.js"></script> <script> </script>
-
window.onload
-
the Javascript code isn't run until all images are finished downloading (this includes banner ads).
-
To circumvent both problems, jQuery has a simple statement that checks the
documentand waits until it's ready to be manipulated, known as the ready event: -
$("a")
-
.preventDefault();
-
Important: The remaining jQuery examples will need to be placed inside the ready event so that they are executed when the document is ready to be worked on.
-
$(this)
-
anonymous function
-
-
21 Jun 12
-
01 May 12
-
17 Apr 12
-
03 Apr 12
-
$(document).ready(function(){ $("a").click(function(event){ alert("Thanks for visiting!"); }); });
-
-
03 Mar 12
-
window.onload = function(){ alert("welcome"); } -
the Javascript code isn't run until all images are finished downloading (this includes banner ads).
-
To circumvent both problems, jQuery has a simple statement that checks the
documentand waits until it's ready to be manipulated, known as the ready event:$(document).ready(function(){ // Your code here }); -
event.preventDefault();
-
The remaining jQuery examples will need to be placed inside the ready event
-
Another common task is adding (or removing) a
class. -
$("a").addClass("test"); -
$("a").removeClass("test"); -
- (HTML allows multiple classes to be added to an element.)
-
Special Effects
-
after its parent function has completed.
-
second parameter
-
simply the function name
-
can be passed around like variable references and executed at a later time.
-
Functions
-
Wrong
-
The Wrong Way (will not work!)
-
Right
-
The anonymous function does exactly one thing: calls myCallBack, with the values of param1 and param2 in the outer scope.
-
param1 and param2 are evaluated as a callback when the '$.get' is done getting the page.
-
-
23 Feb 12
-
09 Feb 12
-
A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.
-
-
27 Jan 12
-
A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.
-
Note that the second parameter here is simply the function name (but not as a string and without parentheses).
-
Functions in Javascript are 'First class citizens' and so can be passed around like variable references and executed at a later time.
-
This will not work because it calls
myCallBack(param1, param2)
and then passes the return value as the second parameter to
$.get() -
$.get(
-
myCallBack(param1, param2);
-
-
04 Jan 12
-
nweckslerFor click and most other events, you can prevent the default behaviour - here, following the link to jquery.com - by calling event.preventDefault() in the event handler:
-
For click and most other events, you can prevent the default behaviour - here, following the link to jquery.com - by calling event.preventDefault() in the event handler:
-
In the below usage, an anonymous function is created (just a block of statements) and is registered as the callback function. Note the use of 'function(){'. The anonymous function does exactly one thing: calls myCallBack, with the values of param1 and param2 in the outer scope.
-
-
15 Dec 11
Ronny Enk<!doctype html> <html> <head> <meta charset="utf-8"> <title>Demo</title> </head> <body> <a href="http://jquery.com/">jQuery</a> <script src="jquery.js"></script> <script> </script> </body> </html>
-
13 Dec 11
-
17 Nov 11
-
This is where I have often forgotten the proper syntax.
-
-
10 Nov 11
-
The problem with the above example is that myCallBack(param1, param2) is evaluated before being passed as a function
-
-
09 Nov 11
-
17 Oct 11
-
28 Sep 11
-
27 Sep 11
-
06 Sep 11
-
14 Aug 11
-
05 Aug 11
-
The problem with the above example is that myCallBack(param1, param2) is evaluated before being passed as a function. Javascript and by extension jQuery expects a function pointer in cases like these. I.E. setTimeout function.
-
-
24 Jun 11
-
04 Jun 11
-
03 Jun 11
-
To circumvent both problems, jQuery has a simple statement that checks the
documentand waits until it's ready to be manipulated, known as the ready event
-
-
25 May 11
-
18 May 11
-
04 May 11
-
special thing about a callback is that functions that appear after the "parent" can execute before the callback executes
-
-
21 Apr 11
-
jQuery:
-
The Basics
-
start by creating a new HTML page with the following contents:
-
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Demo</title> </head> <body> <a href="http://jquery.com/">jQuery</a> <script src="jquery.js"></script> <script> </script> </body> </html>
-
srcattribute -
to point to your copy of jquery.js.
-
<script src="jquery.js"></script>
-
Downloading jQuery page
-
Launching Code on Document Ready
-
end up doing
-
window.onload = function(){ alert("welcome"); }
-
run right when the page is loaded.
-
Inside of which
-
the Javascript code isn't run until all images are finished downloading
-
HTML 'document' isn't finished loading yet, when you first try to run your code.
-
jQuery has a simple statement that checks the
documentand waits until it's ready to be manipulated, known as the ready event: -
ready
-
.ready(
-
// Your code here
-
a click handler to the link:
-
. Clicking the link on the page should make a browser's alert pop-up, before leaving to go to the main jQuery page.
-
prevent the default behaviour
-
event.preventDefault()
-
event
-
event.preventDefault();
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script>
-
event.preventDefault();
-
HTML Class
-
Adding and Removing an HTML Class
-
inside the ready event
-
when the document is ready to be worked on
-
Launching Code on Document Ready
-
adding (or removing) a
class. -
some style information
-
<style> a.test { font-weight: bold; } </style>
-
addClass call to your script:
-
addClass
-
$("a").addClass("test");
-
All your
aelements -
removeClass
-
("test")
-
$("a").removeClass("test");
-
Special Effects
-
$(this).hide("slow");
-
it should make itself slowly disappear.
-
A callback is a function that is passed as an argument to another function and is executed after its parent function has completed
-
Callback and Functions
-
Callback without arguments
-
myCallBack
-
not as a string and without parentheses
-
Functions in Javascript are 'First class citizens' and so can be passed around like variable references and executed at a later time
-
Callback with arguments
-
avascript and by extension jQuery expects a function pointer in cases like these. I.E. setTimeout function.
-
The anonymous function does exactly one thing: calls myCallBack, with the values of param1 and param2 in the outer scope.
-
function(){ myCallBack(param1, param2); }
-
-
13 Apr 11
-
10 Mar 11
-
checks the
documentand waits until it's ready to be manipulated, known as the ready event: -
$(document).ready(function(){ // Your code here });
-
links to Google's CDN
-
-
02 Mar 11
-
24 Feb 11
-
18 Feb 11
-
10 Feb 11
-
09 Feb 11
-
02 Feb 11
-
13 Jan 11
-
02 Jan 11
-
27 Dec 10
-
21 Dec 10
-
22 Oct 10
-
$("a").click(function(event){ event.preventDefault(); $(this).hide("slow"); });
-
-
27 Sep 10
-
22 Sep 10
Hyung-Joo LimTutorials:How jQuery Works - jQuery JavaScript Library http://ow.ly/197gNt
– Javascript News (del_javascript) http://twitter.com/del_javascript/statuses/25235340338 -
20 Sep 10
-
14 Sep 10
-
03 Sep 10
Steve BronackA basic introduction to jQuery and the concepts that you need to know to use it.
860 jquery tutorials core curriculum resources javascript programming
-
30 Aug 10
Tony Morais$("a").click(function(event){
event.preventDefault();
$(this).hide("slow");
}); -
11 Aug 10
-
25 Jul 10
-
The special thing about a callback is that functions that appear after the "parent" can execute before the callback executes
-
how to properly pass the callback
-
not as a string
-
The Wrong Way (will not work!)
-
-
05 Jul 10
-
Document Ready
-
checks
-
ready to be manipulated
-
$(document).ready(function(){ // Your code here });
-
click and most other events
-
event.preventDefault()
-
HTML Class
-
$("a").addClass("test");
-
$("a").removeClass("test");
-
multiple classes
-
Special Effects
-
Callback and Functions
-
function that is passed as an argument to another function
-
executed after its parent function has completed
-
proper syntax
-
without arguments
-
without parentheses
-
with arguments
-
Wrong
-
passes the return value as the second parameter
-
Right
-
evaluated before being passed as a function
-
expects a function pointer
-
'function(){'
-
anonymous function
-
outer scope
-
More Reading
-
-
28 Jun 10
-
20 Jun 10
-
11 Jun 10
Kevin Strasser<script type="text/javascript"> $(document).ready(function(){ $("a").click(function(event){ alert("As you can see, the link no longer took you to jquery.com"); event.preventDefault(); }); }); </script>
-
08 Jun 10
-
07 Jun 10
-
27 May 10
Guy FawkesA basic introduction to jQuery and the concepts that you need to know to use it.
-
24 May 10
-
17 May 10
-
13 May 10
-
12 May 10
-
02 May 10
-
01 May 10
-
28 Apr 10
-
12 Apr 10
-
09 Apr 10
-
08 Apr 10
-
29 Mar 10
-
02 Mar 10
-
24 Feb 10
-
20 Feb 10
-
19 Feb 10
-
01 Feb 10
-
30 Dec 09
-
08 Dec 09
-
29 Oct 09
-
28 Oct 09
-
07 Oct 09
-
28 Sep 09
-
04 Sep 09
-
27 Aug 09
-
13 Aug 09
-
24 Jul 09
-
01 Jul 09
-
24 Jun 09
-
18 Jun 09
-
25 May 09
-
13 May 09
-
08 May 09
-
19 Apr 09
-
17 Apr 09
Keith Sinclair<a href="http://google.com/" class="clickme">I give a message when you leave</a>
<a href="http://yahoo.com/" class="hideme">Click me to hide!</a>
<a href="http://microsoft.com">I'm a normal link</a>
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.