Jquery Basics

Front 1

Write the JQuery method to get the element with id="header"

Back 1

$("#header")

Front 2

Write the JQuery method to get all <h3> element

Back 2

$("h3")

Front 3

Write the JQuery method to get all element with class="photo" nested in the <div id="content">

Back 3

$("div#content .photo")

Front 4

Write the JQuery method to get all <li> element nested in all <ul>

Back 4

$("ul li")

Front 5

Write the JQuery method to get only the first <li> element of the <ul>

Back 5

$("ul li:first")

Front 6

How do you make a function be executed after the page is loaded?

Back 6

$(document).ready(function(){
});

Front 7

What is this? $()

Back 7

The JQuery constructor

Front 8

How do you add a CSS class to an element?

Back 8

$('#someID').addClass('nameOfClass');

Front 9

How do you remove a CSS class to an element?

Back 9

$('#someID').removeClass('nameOfClass');

Front 10

Can you have more than one CSS class on an element?

Back 10

Yes.

Front 11

What is a callback function?

Back 11

A function passed as a argument of another function and is executed after the parent function completes.

Front 12

How do you pass a callback function with no parameters?

Back 12

parentFunct('somevar', myFunc)

Front 13

How do you pass a callback function with parameters?

Back 13

parentFunct('somevar', function(){ myFunc(param1, param2) })

Front 14

How do you use the prototype property?

Back 14

var form = $("#myform");
form.clearForm; // undefined
form.fn.clearForm = function() {
return this.find(":input").each(function() {
this.value = "";
}).end();
};
form.clearForm() // works for all instances of jQuery objects, because the new method was added to the prototype

Front 15

How do you get the css atrributes of a element?

Back 15

$('element').css('attribute');

Front 16

How do you set the css attributes of a element?

Back 16

$('element').css('atrribute', 'newprop')

Front 17

How do you get the value of an input field with id="name"

Back 17

var name = $("input#name").val();

Front 18

What option tells the ajax method that the data that will be returned is json?

Back 18

dataType: 'json'

Front 19

What function waits until the document and DOM is loaded before executing?

Back 19

1.
$(document).ready(function() {
2.
// put all your jQuery goodness in here.
3.
});

Front 20

How do you set the innerHTML of a element?

Back 20

$('element').html('new html here');

Front 21

In a javascript function, I pass in a element. Use jquery to find a child of that element with name = 'comment'

Back 21

$(element).find('[name=comment]')

Front 22

If find(expr) finds all the children matching the expr? what finds all the parents matching the expr?

Back 22

parents(expr)