Response title
This is preview!
Move this topic
[jQuery] $(function()
in Using jQuery
•
15 years ago
2 Questions.
1. are there the correct number of parenthesis in this code. Is there
a syntax error? It runs fine..
2. What is this idea of wrapping the code in like a blank function()
with no name? The one the looks like $function() ? I don't understand
it and I want to. Being a noob javascript coder I understand functions
like:
function myCall() {
// etc
}
$(function() {
$("#languages").bind('change', function() {
var country = $(this).val();
if(country) {
$('#countryFlag').attr("src", "images/" + country + ".gif");
$.cookie('language', country, {expires: 7}); // set cookie
}
});
});
Replies(4)
Re: [jQuery] $(function()
15 years ago
Using a function like that is called an "anonymous" function, and in this case you are passing the anonymous function to the jQuery object, which stores it and calls on it when the DOM is finished loading.
<div><span class="gmail_quote">On 9/25/07, <b class="gmail_sendername">Danjojo</b> <<a href="mailto:dlcacuff@gmail.com">dlcacuff@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
2 Questions.
1. are there the correct number of parenthesis in this code. Is there
a syntax error? It runs fine..
2. What is this idea of wrapping the code in like a blank function()
with no name? The one the looks like $function() ? I don't understand
it and I want to. Being a noob javascript coder I understand functions
like:
function myCall() {
// etc
}
$(function() {
$("#languages").bind('change', function() {
var country = $(this).val();
if(country) {
$('#countryFlag').attr("src", "images/" + country + ".gif");
$.cookie('language', country, {expires: 7}); // set cookie
}
});
});
</blockquote></div>
<div><span class="gmail_quote">On 9/25/07, <b class="gmail_sendername">Danjojo</b> <<a href="mailto:dlcacuff@gmail.com">dlcacuff@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
2 Questions.
1. are there the correct number of parenthesis in this code. Is there
a syntax error? It runs fine..
2. What is this idea of wrapping the code in like a blank function()
with no name? The one the looks like $function() ? I don't understand
it and I want to. Being a noob javascript coder I understand functions
like:
function myCall() {
// etc
}
$(function() {
$("#languages").bind('change', function() {
var country = $(this).val();
if(country) {
$('#countryFlag').attr("src", "images/" + country + ".gif");
$.cookie('language', country, {expires: 7}); // set cookie
}
});
});
</blockquote></div>
Leave a comment on seventoes's reply
Re: [jQuery] $(function()
15 years ago
<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">That function is also shorthand for this in jQuery:<DIV>$(document).ready(function() { </DIV><DIV> // do something when the DOM is ready</DIV><DIV>});<BR><DIV><BR class="khtml-block-placeholder"></DIV><DIV> <SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; ">Some people like the shorthand. I prefer the longer form because it's more clear about what it is doing. Ultimate, it's a matter of personal taste.<BR class="Apple-interchange-newline"><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><DIV><BR class="khtml-block-placeholder"></DIV><DIV>--Karl</DIV><DIV>_________________</DIV><DIV>Karl Swedberg</DIV><DIV>www.englishrules.com</DIV><DIV>www.learningjquery.com</DIV><DIV><BR class="khtml-block-placeholder"></DIV><BR class="Apple-interchange-newline"></SPAN></SPAN> </DIV><BR><DIV><DIV>On Sep 25, 2007, at 5:49 PM, Matt Stith wrote:</DIV><BR class="Apple-interchange-newline"><BLOCKQUOTE type="cite">Using a function like that is called an "anonymous" function, and in this case you are passing the anonymous function to the jQuery object, which stores it and calls on it when the DOM is finished loading.<BR><BR> <DIV><SPAN class="gmail_quote">On 9/25/07, <B class="gmail_sendername">Danjojo</B> <<A href="mailto:dlcacuff@gmail.com">dlcacuff@gmail.com</A>> wrote:</SPAN><BLOCKQUOTE class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;"> <BR>2 Questions.<BR><BR>1. are there the correct number of parenthesis in this code. Is there<BR>a syntax error? It runs fine..<BR><BR>2. What is this idea of wrapping the code in like a blank function()<BR>with no name? The one the looks like $function() ? I don't understand <BR>it and I want to. Being a noob javascript coder I understand functions<BR>like:<BR><BR>function myCall() {<BR> // etc<BR>}<BR><BR><BR>$(function() {<BR> $("#languages").bind('change', function() { <BR> var country = $(this).val();<BR> if(country) {<BR> $('#countryFlag').attr("src", "images/" + country + ".gif");<BR> $.cookie('language', country, {expires: 7}); // set cookie <BR> }<BR> });<BR>});<BR><BR></BLOCKQUOTE></DIV><BR></BLOCKQUOTE></DIV><BR></DIV></BODY></HTML>
Leave a comment on kswedberg's reply
Re: [jQuery] $(function()
15 years ago
Leave a comment on dlcacuff's reply
Re: [jQuery] $(function()
15 years ago
Thank you. I commented my code and also altered my code to use $
(document).ready(function() { etc..
Totally helps me understand we are just initiating the Jquery code
again to do something new, whe I see it in long form :)
Leave a comment on dlcacuff's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to dlcacuff's discussion
Statistics
- 4 Replies
- 2927 Views
- 0 Followers