Jquery/JavaScript

JQuery

lightweight JavaScript library

JQuery features

1. image slide shows

2. animation

3. event handling

4. document manipulation

head

place jquery script in _

jQuery access

1. download

2. CDN

JQuery syntax

$(selector).action()

$

sign to define/access jQuery

(‘selector’)

finds HTML elements

action()

performed on elements

jQuery methods

1. hide()

2. css()

3. hover() (on mouseover event)

4. slideToggle()

5. toggle()

6. html() (gets or sets HTML contents for selected elements)

document ready event

$(document).ready(function()){//your JavaScript statements and other jQuery statements}

JavaScript

client-side scripting language (browser interprets and renders)

JavaScript uses

1. display messages

2. validate forms

3. animate images

4. visual effects

body or head

place the javascript in the ___ or ___

variables

named containers that can store data

declaring variables

1. let =

2. const = (no reassignment)

3 ways to write

1. document.write();

2. greeting + name;

3. alert();

statement

instructions executed by the browser

JavaScript objects

1. webpage

2. HTML element

3. array

4. etc.

DOM

document object model

1. consists of all HTML elements

2. Every element is an object

DOM methods

1. getElementsByClassName(“id“)

2. getElementsByName(“name“)

3. getElementsByTagName(“name“)

4. querySelector(“selector”)

javascript methods

1. write()

2. alert()

3. prompt()

document properties

1. document.bgcolor

2. document.lastmodified

3. document.url (document location as a string)

HTML event (attributes)

1. onclick

2. onmouseover

3. onmouseout

4. onload