review quiz
What symbol is used to define / access jQuery?
$
if you wanted to select all elements, which statement would you use?
$("*")
If you wanted to select all elements with a class of "sectionHeader", which statement would you use?
$(".sectionHeader")
What's the proper syntax for selecting all visible images?
$("img:visible")
What is the shorthand notation for the $(document).ready(function() {}; ?
$(function() {});
The basic syntax in jQuery is
$(selector).action()
In jQuery, if you wanted to hide the current element that is selected, which statement would you use?
$(this).hide()
the correct DOCTYPE declaration for HTML5 is
(without the spaces included):< !DOCTYPE html >
HTML5 includes semantic elements such as
<section>, <article>
12
Responsive grid-views typically have how many columns?
If you do not specify a media type, what is the default?
Screen or print
Client-side form validation takes place where?
In the user's web browser
The index of the first element in a JavaScript and jQuery array is
0
The checkbox input type lets a user select how many options?
0 or more
What value would you want to set the viewport's initial scale to so it won't scale text down on smaller devices?
1
JavaScript was created in the year
1995
Related form controls should be grouped together by what element?
< fieldset >
Related options in a drop-down list can be grouped together with
< optgroup >
Where can you put < script > tags in an HTML page?
<body>, external file, <head>
Accessible web forms require what to be associated with every form control?
<label>
Which is the JavaScript assignment operator?
=
_______________ includes requirements that are more specific to people with disabilities, and requirements that are also general usability principles.
Accessibility
False
An input placeholder is the same thing as a label, and will be considered accessible
True
CSS3 allows animation of most HTML elements without using JavaScript.
True
CSS3 is completely backwards-compatible with earlier versions of CSS.
Width and height of the window
CSS3 media queries can be used to check for many device capabilities, EXCEPT
True
Content that flashes at certain rates or patterns can cause photosensitive reactions, including seizures.
True
Cross-site scripting attacks do NOT have to use < script > tags.
True
Cross-site scripting can access cookies, session tokens, and sensitive data retained by the browser.
False
In responsive design, you should hide content on smaller devices.
Relative
In responsive design, you should use _______ units for setting widths of elements.
False
For accessibility, using only color to indicate that a form field has a validation error is ok.
Id
Form labels can be explicitly related to an input by which attribute of the input field?
False
Form labels hidden by using the CSS "display: none" will still be accessible to screen readers.
Responsive design uses what to respond to user's preferences?
HTML and CSS
False
Hyphens are allowed in JavaScript variable names.
True
In JavaScript, both addition and concatenation use the same + operator.
True
In jQuery, you can chain actions and methods together to run multiple methods on the same element within a single statement.
False
JavaScript identifiers are not case sensitive
What's the difference between JavaScript and jQuery?
Jquery is a set of JavaScript libraries
True
Many accessibility requirements also improve usability for everyone.
Which HTTP method should be used for submitting sensitive data?
POST
the method event.target does what?
Returns which DOM element triggered the event
False
The HTML5 < header > element replaces the < head > element in older versions of HTML.
The < legend > in a < fieldset > is what?
The caption for the fieldset
False
The remove() method removes the selected elements, but not their data and events.
True
The size of the viewport varies by device.
Form validation generally performs basic validation and data format validation.
True
_____________ involves designing products, such as websites, to be usable by everyone to the greatest extent possible, without the need for adaptation.
Universal design
True
Web accessibility requires that you indicate the primary language of every page by using the lang attribute in the html tag, for example < html lang="en" >
True
Without using a callback, effects may not be finished before the next line of code in your function runs.
True
You can set breakpoints in your scripts using the web browser's developer console.
True
You can use JavaScript to change HTML content, attributes, and styles (CSS).
False
You cannot split chained methods into multiple lines because whitespace is important in jQuery.
Selectors
______ allow you to select and manipulate HTML element(s).
Which term addresses providing equivalent user experience for people with disabilities?
accessibility
When is a callback function executed?
after the current effect is finished
The jQuery children() method returns ______ of the selected element.
all direct children
if you wanted to insert HTML elements at the end of selected elements, you would use
appendTo()
The _______ attribute specifies that the input field should get focus when the page loads
autofocus
You can add multiple effects on an element to be executed one right after the other by using which method?
chaining
A(n) __________ in CSS can be used for one or more elements that are meant to share the same style.
class
Multiple _____ can be assigned to an element
classes
Which jQuery method returns the first ancestor of the selected element?
closest()
What JavaScript method would you use to output results in the browser console?
console.log()
Responsive web design responds to all of the following EXCEPT
device model
A ____________ input field is unusable and un-clickable, and its value will NOT be sent when submitting the form.
disabled
The speed parameter in the animate() method specifies the ____________.
duration of the effect
Which is a type of jQuery selector?
element or #id or .class
The "multiple" attribute allows users to enter more than one value in which input elements?
email and file
If you wanted to position the mouse cursor to the top left edge of the document, which methods would you use
event.pageX and event.pageY
You would use _________ to prevent the default action of an event (for example preventing a form from submitting by clicking the submit button).
event.preventDefault()
All the different visitor's actions that a web page can respond to are called _______________.
events
In chained statements, what is ignored by jQuery?
extra spaces, tabs, line breaks
Which method toggles between the fadeIn() and fadeOut() methods?
fadeToggle()
If you want to submit an image in a form, what encoding type would you specify?
formenctype="multipart/form-data"
Which method sets or returns the content of the selected elements?
html()
A(n) ________ in CSS can only be used once on a page and is meant to identify a specific element.
id
The HTML5 < article > element specifies
independent, self-contained content
Which method returns the width of an element including its padding, but not its border width?
innerWidth()
When would you call a validation function?
it depends, any of the options
The position() method returns the position of an element relative to _____________.
its parent element
True
jQuery uses CSS syntax to select elements.
True
jQuery uses the same syntax as CSS to select elements.
Which validation technique validates each form field separately as the user types?
live inline validation
Variables declared inside a function are called _____ variables.
local
JavaScript is _____ typed, which means that a variable can contain different data types and a variable can change its data type
loosely
Each form input field must have which attribute in order for its data to be submitted?
name
You can attach multiple event handlers to an element by using what method?
on()
In the animate() method, which parameter is required?
params
An event represents the ______________ when something happens.
precise moment
A __________ is one or more function(s) waiting to be run.
queue
Which attribute specifies that an input field's value cannot be changed?
readonly
The jQuery not() method does what?
returns all elements that do not match the criteria specified
Why is server-side form validation needed?
sanitizing input before saving to the database, you can't rely on client-side validation because JavaScript can be disabled
In the DOM, an element that has the same parent as the current element is called a(n)
sibling
If a web browser doesn't support an HTML5 input type, the input would behave like which input type?
text
$(this) is what?
the current HTML element that is selected
What are callback functions used for?
to run a function after a jQuery effect is finished
Which jQuery effect method lets you switch between the hide() and show() methods for an element?
toggle()
Which method toggles between the hide() and show() methods?
toggle()
The DOM ____ allows you to use jQuery to traverse it and find HTML elements.
tree
Screen, print, speech, and all are examples of media __________.
types
Which term is about designing products to be effective, efficient, and satisfying?
usability
this method allows you to get or set the value attribute of a selected form element.
val()
In JavaScript, what is used to declare a variable?
var
The __________ is the user's visible area of a webpage.
viewport
Cross-site scripting (XSS) is
where malicious scripts are injected into websites, preventable, a type of security attack