Mwd theory practice

What is jQuery UI ?

• Jquery UI is responsive to web pages

• Jquery is a collection of javascript codes that uses javascript library

• Jquery UI is a collection of user interface interactions, effects, widgets, and themes built on top of the jQuery core library.

• Jquery UI is visually appealing beautiful designed in Javascript

What does the following ¡Query statements do?

$(document).ready(function/{

$("'button").click(function@{

$("#div1").fadeToggle (3000);});

});

• On clicking a button, a div with id = "div1" will

  fade in at a speed of 3 sec.

• On clicking a button, a div with id = "div1" will

  fade out at a speed of 3 sec.

• On clicking a button, a div with id = "div1" will

  switch between fading in and fading out at a speed of 3 sec.

• On clicking a button, a div with id = "divl" will

  switch between fading in and fading out at a speed of 3000 sec.

Responsive web design enables web page layouts to adapt to a variety of screen sizes.

Which one of the following items are used to achieve this responsive capability?

• Use fixed, fluid and elastic layout.

• Use fluid grid layout.

• Use Fix layout

• Use elastic layout

Which one of the following options in jQuery mobile will allow pages to be available instantly when users visit them?

• Data-prefetch

• data-rel="dialog"

• data-role="page"

• data-role="content"

There are two functions used in the jQuery scripts below. What do you call the second function?

$("button").click(function(){ $("p").toggle("slow", function(){

alert("The toggle effect has completed."); }); });

• Calling function

• Call toggle function

• Call toggle Effect

• Callback function

In jQuery basic effects such as hide(), show(), etc, how would the targeted element move when easing is set to “swing”?

• The element will move slower at the beginning, faster in the middle and slower at the end.

• The element will move faster at the beginning ,Faster at the middle and slower at the end

• The element will move slower at the beginning, slower at the middle and faster at the end

• The element will move at a constant fast speed

A bee image with width of 200px and height of 200px is animated with the jQuery scripts below. What will be the effect on the bee image when a button is clicked?

• The image with id = “bee” will grow to double its original size in 2000msec.

• The image with id = “bee” will shrink to half its original size in 2000msec.

• The image with id = “bee” will remain its original size in 2000msec

• The image with id = “bee” will shrink to thumbnail size in 2000msec

What are the various speed (or duration) options for jQuery effects such as show() and hide()?

• Use “slow” or “fast” or number in milliseconds.

• Use “faster” or “slower”

• Use “faster”

• Use “slower”

In the following jQuery script, if the fadeIn effect is not slow enough, what is the most appropriate method to slow down the effect?

• Use a number in hours for the speed.

• Use a number in seconds for the speed.

• Use a number in milliseconds for the speed.

• Use a number in minutes for the speed.

$('#masterList'). find('li') width(500).addClass('selecte d');

What do you called the phenomena occuring in the above codes?

• Event bubbling

• Ajax

• Animating

• Chaining