Since jQuery is open source, can anyone such as me edit it? If so, where and how could we do this?

You can indeed. jQuery has a repository on GitHub, which contains loads a issue reports, which you could try and tackle, before finally sending them a pull-request. Here's the link, if you're interested: https://github.com/jquery/jquery

worked! for (var i = 0; i < 5; i++ ) { $("<img>", { src: "link", alt: "text", width: "number", }).appendTo("body"); } not worked (: why? var image = $("<img>").attr({"src" : "link", "alt" : "text", "width" : "number"}); for (var i = 0; i < 5; i++) { $(image).appendTo("body"); }

In the first time, you ran through the loop five times, each time creating a new image and appending it to the body. In the second time, however, you created an image and added it five times to the body. You added *the same* image to the body again and again- which resulted in the single image being added to the body.

How would you create something like this library and edit it anytime by anyone?

A library is simply a JavaScript object containing lots of useful methods that work together. In jQuery's case, this is `$` (or `jQuery`). Just wrap your library into a single object and you're generally good to go. There are lots of online services out there where programmers can collaborate on projects together. The most popular one right now is GitHub (https://github.com), a code repository service. Much like KA's spin-off system, you can make "forks" of another person's project. You can then make a "pull request", or a suggestion to the original author to merge your edits into their original project. It's a highly efficient and productive way to collaborate. jQuery and Khan Academy use GitHub: https://github.com/jquery/jquery https://github.com/khan

On the previous challenge what did I do wrong: $("<img>").src("https://upload.wikimedia.org/wikipedia/commons/2/29/English_Daisy_(Bellis_Perennis).jpg").img-width("300").alt("daisy").appendTo("body"); Oh, I GOT it! Please let me know if this code can be improved: $("<img>").attr("src", "https://upload.wikimedia.org/wikipedia/commons/2/29/English_Daisy_(Bellis_Perennis).jpg").attr("width", "200").attr("alt", "daisy").appendTo("body");

You could add new lines between all the .whatevers, for example ```$("<img>") .attr("src", "https://upload.wikimedia.org/wikipedia/commons/2/29/English_Daisy_(Bellis_Perennis).jpg") .attr("width", "200")\ .attr("alt", "daisy") .appendTo("body"); ```

I don't get what to do in "Challenge: Daisy chain". The second step is going missing for some reason. Do you know what the reason is?

Try this: for (var i = 0; i < 24; i++) { $("<img>") .attr("src", "https://upload.wikimedia.org/wikipedia/commons/2/29/English_Daisy_(Bellis_Perennis).jpg") .attr("width", "90") .attr("alt", "A picture of a daisy") .appendTo("body") }

Main content

Computer programming

Course: Computer programming > Unit 7

Lesson 4: jQuery techniques

Behind the scenes: Browse the jQuery source code

Q: worked! for (var i = 0; i < 5; i++ ) { $("<img>", { src: "link", alt: "text", width: "number", }).appendTo("body"); } not worked (: why? var image = $("<img>").attr({"src" : "link", "alt" : "text", "width" : "number"}); for (var i = 0; i < 5; i++) { $(image).appendTo("body"); }

In the first time, you ran through the loop five times, each time creating a new image and appending it to the body. In the second time, however, you created an image and added it five times to the body. You added *the same* image to the body again and again- which resulted in the single image being added to the body.

Google Classroom

You might be thinking jQuery is pretty magical at this point, with everything it can do. But it's not magic, it's just a whole lot of JavaScript - and since it's open source, anybody can browse the code of jQuery and see the magic for themselves.

You can see the source on Github, or use these two sites that make it easier to browse through: jQuery source viewer and jQuery deconstructed.

For example, take a look at the code for the html() method. It does a lot of checks for various error conditions and edge cases and eventually, it runs the line of code that actually tells the browser to set the inner HTML contents:

elem.innerHTML = value;

It can be intimidating to look at the code for jQuery, because it involves both advanced JavaScript syntax and a whole lot of expert knowledge about how browsers work - but it can also be really cool to see all the code that goes into making a powerful JS library that works across so many browsers.

Want to join the conversation?

Sort by:

wowsk
Posted 8 years ago. Direct link to wowsk's post “Since jQuery is open sour...”
Since jQuery is open source, can anyone such as me edit it? If so, where and how could we do this?
Button navigates to signup pageButton navigates to signup page
(19 votes)
Answer
- Brynden
  Posted 8 years ago. Direct link to Brynden's post “You can indeed. jQuery ha...”
  You can indeed. jQuery has a repository on GitHub, which contains loads a issue reports, which you could try and tackle, before finally sending them a pull-request.
  
  Here's the link, if you're interested: https://github.com/jquery/jquery
  Comment on Brynden's post “You can indeed. jQuery ha...”
  (27 votes)
mm star
Posted 5 years ago. Direct link to mm star's post “worked! for (var i = 0; i...”
worked!
for (var i = 0; i < 5; i++ ) {
$("<img>", {
src: "link",
alt: "text",
width: "number",
}).appendTo("body");
}

not worked (: why?
var image = $("<img>").attr({"src" : "link", "alt" : "text", "width" : "number"});
for (var i = 0; i < 5; i++) {
$(image).appendTo("body");
}
Button navigates to signup pageButton navigates to signup page
(5 votes)
Answer
- Jubjub Bird
  Posted 5 years ago. Direct link to Jubjub Bird's post “In the first time, you ra...”
  In the first time, you ran through the loop five times, each time creating a new image and appending it to the body. In the second time, however, you created an image and added it five times to the body. You added the same image to the body again and again- which resulted in the single image being added to the body.
  Button navigates to signup page
  (10 votes)
nicolahoelzl
Posted 8 years ago. Direct link to nicolahoelzl's post “On the previous challenge...”
On the previous challenge what did I do wrong:
$("<img>").src("https://upload.wikimedia.org/wikipedia/commons/2/29/English_Daisy_(Bellis_Perennis).jpg").img-width("300").alt("daisy").appendTo("body");

Oh, I GOT it! Please let me know if this code can be improved:
$("<img>").attr("src", "https://upload.wikimedia.org/wikipedia/commons/2/29/English_Daisy_(Bellis_Perennis).jpg").attr("width", "200").attr("alt", "daisy").appendTo("body");
Button navigates to signup pageButton navigates to signup page
(3 votes)
Answer
- Khan Gressman
  Posted 8 years ago. Direct link to Khan Gressman's post “You could add new lines b...”
  You could add new lines between all the .whatevers, for example
  $("<img>") .attr("src", "https://upload.wikimedia.org/wikipedia/commons/2/29/English_Daisy_(Bellis_Perennis).jpg") .attr("width", "200")\ .attr("alt", "daisy") .appendTo("body");
  Comment on Khan Gressman's post “You could add new lines b...”
  (8 votes)
Ahmed Khan
Posted 4 years ago. Direct link to Ahmed Khan's post “Finally it worked -the da...”
Finally it worked -the daisy Chain challenge

$("<img>").attr("src", "https://upload.wikimedia.org/wikipedia/commons/2/29/English_Daisy_(Bellis_Perennis).jpg")
.attr("alt", "daisy photo")
.attr("width", "250")
.appendTo("body");

for(i= 0; i<4; i++){
$("<img>"+i).attr("src", "https://upload.wikimedia.org/wikipedia/commons/2/29/English_Daisy_(Bellis_Perennis).jpg")
.attr("alt", "daisy photo"+ i)
.attr("width", "250")
.appendTo("body");
}
Button navigates to signup pageButton navigates to signup page
(5 votes)
Answer
Deepak A.
Posted 8 years ago. Direct link to Deepak A.'s post “How would you create some...”
How would you create something like this library and edit it anytime by anyone?
Button navigates to signup pageButton navigates to signup page
(4 votes)
Answer
- DY (darryl-yeo.com)
  Posted 8 years ago. Direct link to DY (darryl-yeo.com)'s post “A library is simply a Jav...”
  A library is simply a JavaScript object containing lots of useful methods that work together. In jQuery's case, this is $ (or jQuery). Just wrap your library into a single object and you're generally good to go.
  
  There are lots of online services out there where programmers can collaborate on projects together. The most popular one right now is GitHub (https://github.com), a code repository service. Much like KA's spin-off system, you can make "forks" of another person's project. You can then make a "pull request", or a suggestion to the original author to merge your edits into their original project. It's a highly efficient and productive way to collaborate.
  
  jQuery and Khan Academy use GitHub:
  https://github.com/jquery/jquery
  https://github.com/khan
  Button navigates to signup page
  (3 votes)
mrrkoodi (#Khademy Leaner)
Posted 5 years ago. Direct link to mrrkoodi (#Khademy Leaner)'s post “Hello guys, kindly can an...”
Hello guys, kindly can anyone help me out with this one please. I am a little stacked, i can't figure out what this sentences actually mean...
"send its text through the toPigLatin function, and set the paragraph to that text."
from the loopy Language Challenge.
Button navigates to signup pageButton navigates to signup page
(3 votes)
Answer
- José Carlos Tobias
  Posted 5 years ago. Direct link to José Carlos Tobias's post “The sentences are the par...”
  The sentences are the paragraphs. When you do your $("p") query, it will returns you all the query proprieties to use with that paragraph. If you want the text propriety, you can just do the $("p").text(), as explained.
  The toPigLation function accepts only text, so, when passing this argument, you should pass it as a text. Now, getting to the "send its text through the toPigLatin function, and set the paragraph to that text.", the text referred is the return of the function, so you will end up with something like... $("p").html(toPigLatin($("p")), and I've said "something like" because you have all the element stuff going on, remember that :)
  Button navigates to signup page
  (1 vote)
Zack
Posted 4 years ago. Direct link to Zack's post “What am I supposed to put...”
What am I supposed to put inside the for loop in the previous challenge?
Button navigates to signup pageButton navigates to signup page
(2 votes)
Answer
- Jelly jingles
  Posted 2 years ago. Direct link to Jelly jingles's post “You should put all the co...”
  You should put all the code which you have written in the first step inside the for loop...hope it helps! by the way, I just read it today only aaand its been two years.
  Comment on Jelly jingles's post “You should put all the co...”
  (1 vote)
aadesida11
Posted 7 years ago. Direct link to aadesida11's post “How do I use for loop on ...”
How do I use for loop on the 2nd part of the previous challenge? This is what I have:
for (var i=0; i<5; i++) {
$newIMG.appendTo("body");
};
But it's not working. Ughhh
Button navigates to signup pageComment on aadesida11's post “How do I use for loop on ...”
(1 vote)
Answer
- Alex
  Posted 7 years ago. Direct link to Alex's post “What's not working? is it...”
  What's not working? is it not appending the image to the body? Maybe you haven't defined the image properly? I don't see the rest of the code so I can't say.
  
  Were you expecting 5 images? Because you only have a single image. You're simply placing it into the body 5 times, which is pretty useless. To put 5 images you need to create 5 image elements, and not add the same element multiple times.
  Button navigates to signup page
  (1 vote)
Aakash K
Posted 3 years ago. Direct link to Aakash K's post “I don't get what to do in...”
I don't get what to do in "Challenge: Daisy chain". The second step is going missing for some reason. Do you know what the reason is?
Button navigates to signup pageButton navigates to signup page
(1 vote)
Answer
- CoraL
  Posted 3 years ago. Direct link to CoraL's post “Try this: for (var i = 0...”
  Try this:
  
  for (var i = 0; i < 24; i++) {
  $("<img>")
  .attr("src", "https://upload.wikimedia.org/wikipedia/commons/2/29/English_Daisy_(Bellis_Perennis).jpg")
  .attr("width", "90")
  .attr("alt", "A picture of a daisy")
  .appendTo("body")
  }
  Comment on CoraL's post “Try this: for (var i = 0...”
  (3 votes)
mrrkoodi (#Khademy Leaner)
Posted 6 years ago. Direct link to mrrkoodi (#Khademy Leaner)'s post “Hi guys can someone help ...”
Hi guys can someone help me with what this line of sentence mean, my daisy challenge contains a chain.. but i just don't understand what my teach want me to do here.... any help pls?
Does your page have a daisy chain on it now? Celebrate by taking a walk and making a real daisy chain!
Button navigates to signup pageComment on mrrkoodi (#Khademy Leaner)'s post “Hi guys can someone help ...”
(2 votes)
Answer