jQuery

Question 1

DOM

Answer 1

Document Object Model - a cross-platform and language-independent convention for representing and interacting with objects in HTML, XHTML and XML documents.

Question 2

How to link a JavaScript script to an html file?

Answer 2

In head:

script type=’text/javascript’ src=’script.js’

Question 3

Basic jQuery syntax

Answer 3

$(document).ready(function () {

});

Question 4

Creating a variable

Answer 4

var $target = $(‘div ol li li’);

Question 5

this keyword

Answer 5

affects only the element that triggered the event handler

Question 6

Syntax: .css() [use]

Answer 6

$(“div”).css(“background-color”,”red’); [changes (/adds?)the css properties of an element]

Question 7

.html(), .val() [uses]

Answer 7

html gets [.html()] or changes [.html(‘hi’)] the contents of a tag. val gets the contents of form elements

Question 8

Syntax: getting a value from a form

Answer 8

var $toAdd = $(‘input[name=name_of_form]’).val();

Question 9

.on()

Answer 9

$(document).on(‘event’,’selector’, function() {
Do stuff;
});

Question 10

Syntax: .animate()

Answer 10

$(‘div’).animate({left:’-=50px’}, 200)

Question 11

Syntax: taking an input for, e.g. .keydown()

Answer 11

$(document).keydown(function(key) {
        // key is the key
    })

Question 12

jQuery UI

Answer 12

script src=”//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js” /script