Educate yourself online!

Attention!

For new updates please visit http://www.shortquiz.blogspot.com


Knowledge of jQuery 1.3.2 Skills Test

By on 02:52

Knowledge of jQuery 1.3.2 Skills Test


Which of the following functions is/are jQuery regular expression built-in function(s)?

a. test
b. match
c. find
d. jQuery does not have regular expression built-in functions.

The height function returns the height of an element in ________.

a. pixel unit
b. point unit
c. em unit
d. millimeter unit

offset function gets the current offset of the first matched element in pixels relative to the ________.

a. document
b. parent element
c. children element
d. container

Consider the following code snippet:
$.map(array1, function1);

Which of the following arguments is/are valid arguments of function1?

a. The index of the element to be translated in array1.
b. The item to be translated.
c. function1 has no arguments.
d. a and b
e. a and c

Which of the following statements returns all https anchor links?

a. $('a[href^=https]');
b. $('a[href$=https]');
c. $('a[href=https]');
d. $('a[href]=https');

$('#id1').animate({width:"80%"}, "slow")

The above code snippet will ________.

a. animate the tag with id1 from the current width to 80% width.
b. animate the tag with id1 from 80% width to current width.
c. animate the tag with id1 from the current 80% width to 0px.
d. animate the tag with id1 from 80% width to 100% width.

How or Where can we declare a plugin so that the plugin methods are available for our script?

a. In the head of the document, include the plugin after main jQuery source file, before our script file.
b. In the head of the document, include the plugin after all other script tags.
c. In the head of the document, include the plugin before all other script tags.
d. Anywhere in the document.

Consider the following code snippet:
$(document).ready(function() {
  $('div').each(function(index) {
    alert(this);
  });
});

Which of the following objects does the 'this' variable refer to?

a. window
b. document
c. The current div tag of the iteration
d. The last element tag in body

Which of the following returns the children tags of "id1"?

a. $('#id1').children();
b. $('#id1').getChildren();
c. children('#id1');
d. getChildren('#id1');

Which of the following arguments is/are (a) valid argument(s) of fadeIn function?

a. 'slow'
b. 1000ms
c. 3000
d. a and b
e. a and c

Consider the following code snippet:
$(document).ready(function1);
$(document).ready(function2);
$(document).ready(function3);

Which of the following functions are executed when DOM is ready?

a. function1
b. function2
c. function3
d. a, b and c
e. No function is executed.

Which of the following methods can be used to utilize animate function with backgroundColor style property?

a. Use jQuery UI library.
b. There is no need to do anything as jquery core already supports that style property.
c. There's no way to use animate with that style property.

Read the following JavaScript code snippet:
$('div#id1').bind('click.divClick', function () {alert('A div was clicked');});

What is divClick in the code snippet?

a. An event type.
b. An event function.
c. A div class.
d. A namespace.

Which of the following values is/are valid value(s) of secondArgument in addClass('turnRed', secondArgument); function, if we use jQuery UI library?

a. 'fast'
b. slow
c. 1000ms
d. 3000

$("div").find("p").andSelf().addClass("border");

The statement adds class border to ________.

a. all div tags and p tags in div tags
b. all div tags
c. all p tags
d. all p tags that in div tag

Which of the following functions can be used to attach event handler to an element?

a. bind
b. attach
c. add
d. handle

What does $('tr.rowClass:eq(1)'); return?

a. One element set which is the second row of the first table.
b. One element set which is the first row of the first table.
c. A set of tr tags which have "rowClass:eq(1)" class .
d. A set of tr tags which have "eq(1)" class .

The hide() function hides an element by ________.

a. setting "display" inline style attribute of that element to "none".
b. setting "visibility" inline style attribute of that element to "hidden".
c. setting the horizontal attribute of that element to "-100".
d. setting the vertical attribute of that element to "-100".

is() function ________ the current selection against an expression.

a. checks
b. finds
c. filters
d. gets

Assume that you want that first the tag with "id1" fades out and then the tag with "id2" fades in. Which of the following code snippets allow(s) you to do so?

a. $('#id1').fadeOut('fast'); $('#id2').fadeIn('slow');
b. $('#id2').fadeIn('slow'); $('#id1').fadeOut('fast');
c. $('#id1').fadeOut('fast', function() {$('#id2').fadeIn('slow')});
d. $('#id2').fadeIn('slow', function() {$('#id1').fadeOut('fast')});

If you include jQuery after other library, how do you disable the use of $ as a shortcut for jQuery?

a. By calling jQuery.noConflict(); right after including jQuery.
b. By calling jQuery.useDefault = false; right after including jQuery.
c. By calling jQuery.useShortcut = false; right after including jQuery.
d. By calling jQuery.conflict = false; right after including jQuery.

Consider the following code snippet:
var message = 'Message';
$('#id1').bind('click', {msg: message}, function(event) {
alert(event.data.msg);
});
message = 'New message';
$('#id2').bind('click', {msg: message}, function(event) {
alert(event.data.msg);
});

What does the alert box display if you click on "id1"?

a. Message
b. New message
c. Nothing
d. None of the above

Consider the following code snippet:
$('#button1').bind('click', function(data) {...});

What is the data argument?

a. Click event's data
b. Function's data
c. Global variable
d. Local variable

Which of the following statements select(s) all option elements that are selected?

a. $(':selected');
b. $('select[selected]');
c. $('option:selected');
d. a and c
e. b and c

Inner Height function returns the inner height of an element, ________ the border and ________ the padding.

a. excludes, includes   
b. excludes, excludes
c. includes, excludes
d. includes, includes

Which of the following statements return(s) a set of p tags that contain "jQuery"?

a. $('p:contains(jQuery)');
b. $('p:contains("jQuery")');
c. $('p:has("jQuery")');
d. a and b
e. a and c

jQuery allows you to use ________ function to switch between showing and hiding an element.

a. show
b. hide
c. switch
d. toggle

Consider the following code snippet:
<div id='id1'><div id='id2'>Div 2</div></div>

Which of the following tags is/are in the result of $('#id2').parents();?

a. <html>
b. <head>
c. <body>
d. a and c
e. b and c

Which of the following functions can be used to bind an event handler to display a message when the window is closed, reloaded or navigated to another page?

a. end
b. exit
c. unload
d. None of the above.

each is a generic ________ function.

a. comparator
b. operator
c. iterator
d. normal

$('ul#myId > li');

What does the above statement return?

a. A set of tags whose id is "li".
b. A set of tags which contains class "li".
c. A set of li tags which are children of ul tags that have "myId" class.
d. A set of li tags which are children of ul tags that have "myId" id.

Which of the following commands creates a basic dialog containing this code snippet «font size=2»«div id="id1"»Simple dialog«/div»«/font» using jQuery UI?

a. $('#id1).dialog();
b. $('#id1).showDialog();
c. $('#id1).widget();
d. $('#id1).showWidget();

What is the result of this function jQuery.makeArray ( true )?

a. 1
b. NaN
c. [ true ]
d. []

What is the difference between $('p').insertBefore(arg1) and $('p').before(arg2) statement?

a. The former inserts p tags before the tags specified by arg1, the latter inserts content specified by arg2 before all p tags.
b. The former inserts content specified by arg1 before p tags, the latter inserts p tags before tags specified by arg2.
c. The former inserts arg1 inside p tags, the latter inserts p tags inside tags specified by arg2.
d. The former inserts p tags inside tags specified by arg1, the latter inserts arg2 inside p tags.

$.grep(array1, function1);

The above statement ________ the elements of array1 array which satisfy function1 function.

a. sorts
b. updates
c. removes
d. finds

Consider the following code snippet:
var message = 'Message';
$('#id1').bind('click', function() {
    alert(message);
});
message = 'New message';
$('#id2').bind('click', function() {
    alert(message);
});

What does the alert box display if you click on "id1"?

a. Message
b. New message
c. Nothing
d. None of the above

Which of the following statements uses a valid selector?

a. $('P');
b. $('#myId');
c. $('.myClass');
d. a, b and c
e. b and c

Consider the following code snippet:
<font size=2>
<ul id='id1'>
  <li id='li1'>Items 1</li>
  <li id='li2'>Items 2</li>
  <li id='li3'>Items 3</li>
</ul>
</font>

Which of the following code snippets return(s) a set of all li tags within "id1" except for li tag with id "li2"?

a. $('#id1 li').not($('#li2'));
b. $('#id1 li').except($('#li2'));
c. $('#id1 li').remove($('#li2'));
d. $('#id1 li').delete($('#li2'));

Which of the following functions will return an empty set when end() function is chained right after that function?

a. add
b. children
c. filter
d. remove

Assuming that you use jQuery UI library to make a list sortable, which of the following code snippets makes "list1" sortable?

a. $('#list1').sortable();
b. $('#list1').changeable();
c. $('#list1').interchangeable();
d. $('#list1').organizeable();

The outer height is returned by outerHeight function including ________ and ________ by default.

a. border, padding
b. border, margin
c. margin, padding
d. None of the above.

$('#a1').one('click', {times: 3}, function1);

Which of the following is true for the above?

a. function1 will be executed once regardless of the number of times a1 is clicked.
b. function1 will be executed at most 3 times if a1 is clicked more than twice.
c. There is at most one instance of function1 to be executed at a time.
d. There are at most three instances of function1 to be executed at a time.

Consider the following code snippet:
$('span.item').each(function (index) {
    $(this).wrap('«li»Item«/li»');
});

What does this code snippet do?

a. Wraps each span tag that has class item within a li tag.
b. Inserts each span tag that has class item into a li tag.
c. Inserts «font size=2»«li»Item«/li»«/font» into each span that has item class.
d. Replaces each span tag that has class item with a «font size=2»«li»Item«/li»«/font».

Which of the following values is/are valid argument(s) of eq() function?

a. 1
b. '2'
c. both a and b
d. neither a nor b

Which of the following methods can be used to delete a specified tag?

a. remove.
b. delete.
c. truncate.
d. empty.

Which of the following statements returns the number of matched elements of $('.class1')?

a. $('.class1').size();
b. count($('.class1'));
c. $('.class1').count;
d. None of the above

Which of the following gets the href attribute of "id1"?

a. $('#id1).attr('href');
b. $('#id1').getAttribute('href');
c. $('#id1)[0].attr('href');
d. All of the above.

If you include jQuery before another library, how do you avoid conflict between jQuery and that library?

a. By calling jQuery.noConflict(); right after including jQuery.
b. By calling jQuery.useDefault = false; right after including jQuery.
c. By calling jQuery.useShortcut = false; right after including jQuery.
d. By using jQuery object when you work with jQuery library and using $ object for other libraries.

Consider the following code snippet:
$('#ul1 li').live('click', function1);
$('#ul1').after('<li id="lastLi">Last item</li>');

Is function1 executed if "lastLi" is clicked?

a. Yes
b. No
c. "lastLi" does not exist.

Which of the following methods can be used to load data?

a. getJSON.
b. get.
c. ajaxSend.
d. ajaxStart.

Which of the following functions moves p tags that have para class to div with content id?

a. function moveElement() {
        $('p.para').each(function(index) {
            $(this).appendTo('#content');
        });
    }
b. function moveElement() {
        $('p.para').each(function(index) {
            $(this).append('#content');
        });
    }
c. function moveElement() {
        $('p.para').each(function(index) {
            $(this).insertAfter('#content');
        });
    }
d. function moveElement() {
        $('p.para').each(function(index) {
            $(this).after('#content');
        });
    }

Which of the following events can be used to disable right click contextual menu?

a. contextmenu
b. contextualmenu
c. rightclickmenu
d. Right click contextual menu cannot be disabled

Which of the following functions can be used to stop event propagation?

a. stopPropagation
b. disablePropagation
c. cancelPropagation
d. preventPropagation

Assume that you need to build a function that manipulates an image when the image is loaded. Which of the following functions should you use?

a. ready
b. load
c. change
d. focus

Consider the following code snippet:
$('#id1').animate({width:"240px"}, { queue:false, duration:1000 }).animate({height:"320px"}, "fast");

The order of the animations of this code snippet is ________.

a. first width animation, then height animation
b. first height animation, then width animation
c. both width animation and height animation occur at the same time.
d. random

jQuery allows simulating an event to execute an event handler as if that event has just occurred by using ________.

a. trigger function
b. execute function
c. intimate function
d. jQuery does not have this feature.

What is the result of NaN == NaN?

a. true
b. false
c. An error occurs.
d. None of the above.

The css() function allows you to ________.

a. change the css class attribute.
b. change the css file path.
c. apply the css class to an element.
d. change the inline style attribute of an element.

What is the result of the following code snippet?
jQuery.unique([1, 2, 2, 3, 3, 1]);

a. [1, 2, 3].
b. [1, 2, 3, 1].
c. [1, 3, 2, 1, 2, 3].
d. [1, 1, 2, 2, 3, 3].
e. None of the above

Consider the following code snippet:
<ul id='id1'>
  <li id='li1'>Items 1</li>
  <li id='li2'>Items 2</li>
  <li id='li3'>Items 3</li>
</ul>

Which of the following code snippets returns the same result as $('#id1 li').not($('#li2'));?

a. $('#li2').siblings();
b. $('#id2').siblings('#li2');
c. $('#li2').children();
d. $('#id2').children('#li2');

Is the following code snippet a valid ajax request?
$.ajax({data: {'name': 'jQuery'},});

a. Yes.
b. No, because it does not have url.
c. No, because it does not have any argument after the comma.
d. No, because the function ajax does not exist in jQuery.

Consider the following code snippet:
<form id="form1">
    <input type="text" id="text1" value="default" />
    <input type="text" name="email" />
</form>
<script type="text/javascript">
    function submitForm1()
    {
      alert($('#form1').serialize());
    }
</script>

What does the alert box display when the function submitForm1 is called?

a. email=
b. email=&text1=default
c. text1=&text2=
d. Nothing in the alert box.

Which of the following statements return(s) a set of even rows?

a. $('tr').filter(':even');
b. $('tr:nth-child(even)');
c. $('tr:odd');
d. a and b
e. b and c

One advantage of $.ajax function over $.get or $.post is that ________.

a. $.ajax offers error callback option.
b. $.ajax is easier to use.
c. $.ajax allows passing request parameters.
d. the result of $.ajax is formatted.

Consider the following code snippet:
$('#table1').find('tr').hide().slice(10, 20).show();

What is the result of this code snippet?

a. Showing table1's rows from 11th to 20th.
b. Showing table1's 20 rows from 10th.
c. Deleting rows of table1 from 10th to 20th.
d. Deleting 20 rows of table1 from 10th onward.

Consider the following code snippet:
$('#div1').html($('#div1').html().replace(/bad/, " "));

Which of the following is the result of this code snippet?

a. Replacing "bad" word in the inner html of div1.
b. Removing any word containing "bad" in the inner html of div1.
c. Appending an inner html of div1 which removes "bad" word to div1's inner html.
d. Appending an inner html of div1 which removes any word containing "bad" to div1's inner html.

Which of the following methods can be used to copy element?

a. clone.
b. cloneTo.
c. move.
d. moveTo.

Consider the following code snippet:
$('#table1 tr:odd').addClass('oddRow');
$('#table1 tr:even').addClass('evenRow');


The result of the above code snippet is ________.

a. the odd rows of table1 have evenRow class, while the even rows have oddRow class
b. the odd rows of table1 have oddRow class, while the even rows have evenRow class
c. all rows of table1 have evenRow class
d. None of the above.

Consider the following code snippet:
$('#id1').animate({width:"240px"}, "slow").animate({height:"320px"}, "fast");

The order of the animations of this code snippet is:

a. first width animation, then height animation
b. first height animation, then width animation
c. both width animation and height animation occur at the same time.
d. random

Consider the following code snippet:
ajaxStart(function1);

The function1 will be executed when ________.

a. any ajax request starts.
b. ajaxStart function is executed.
c. any ajax request starts and there is no active ajax request.
d. jQuery does not have ajaxStart function.

position function gets the ________ positions of an element that are relative to its offset parent.

a. top and left
b. top and right
c. bottom and left
d. bottom and right

Which of the following code snippets insert(s) the code snippet <div class="footer">footer</div> at the end of div tags?

a. $('div').append('<div class="footer">footer</div>');
b. $('div').appendTo('<div class="footer">footer</div>');
c. $('<div class="footer">footer</div>').append('div');
d. $('<div class="footer">footer</div>').appendTo('div');

Consider the following code snippet: $('#table1').find('tr').filter(function(index) { return index % 3 == 0}).addClass('firstRowClass');

The result of the above code snippet is ________.

a. the rows of table1 at order 3n + 1 (n = 0, 1, 2,...) have class firstRowClass
b. the rows of table1 at order 3n (n = 1, 2,...) have class firstRowClass
c. all rows of table1 have class firstRowClass
d. no row of table1 has class firstRowClass

$.merge(array1, array2);

The above function merges ________.

a. array1 into array2.
b. array2 into array1.
c. array1 with array2 and returns the result.
d. The statement is invalid. The correct one is array1.merge(array2);

Consider the following code snippet:
<div id='id1'><div id='id2'>Div 2</div></div>

Which of the following tags is/are in the result of $('#id2').parents();?

a. <html>
b. <head>
c. <body>
d. a and c
e. b and c

$.extend(false, object0, object1, object2);

What does the above do?

a. Extends the object0 by merging object1 and object2 with object0.
b. Extends the object1 by merging object0 and object2 with object1.
c. Extends the object2 by merging object0 and object1 with object2.
d. The statement is invalid because its arguments are invalid.

Consider the following code snippet:
  function function1() {
    alert(arguments.length);
  }

Which of the following is true when you run function1();?

a. An error occurs because arguments variable is undefined.
b. An error occurs because you call function1 with no arguments.
c. The alert box displays "undefined".
d. The alert box displays 0.

What does $('tr:nth-child(4)') return?

a. A set of the fourth rows of the tables.
b. A set of the fifth rows of the tables.
c. A set of the fifth tr tags of the tables which have "nth-child(4)" class.
d. A set of the fifth tr tags of the tables which have "nth-child(4)" id.

Is it true that we have to place the result of jQuery.getScript between <script type="text/javascript"></script> tags in order to use the loaded script?

a. Yes.
b. No.

Consider the following code snippet:
$('span.item').each(function (index) {
    $(this).wrap('<li>Item</li>');
});

What does this code snippet do?

a. Wraps each span tag that has class item within a li tag.
b. Inserts each span tag that has class item into a li tag.
c. Inserts «font size=2»«li»Item«/li»«/font» into each span that has item class.
d. Replaces each span tag that has class item with a «font size=2»«li»Item«/li»«/font».

$("div").find("p").andSelf().addClass("border");

The statement adds class border to ________.

a. all div tags and p tags in div tags
b. all div tags
c. all p tags
d. all p tags enclosed in div tag

Which of the following commands creates a basic dialog containing this code snippet <div id="id1"> Simple dialog</div> using jQuery UI?

a. $("#id1").dialog();
b. $('#id1).showDialog();
c. $('#id1).widget();
d. $('#id1).showWidget();

Consider the following code snippet:
<ul id='id1'>
    <li id='li1'>Items 1</li>
    <li id='li2'>Items 2</li>
    <li id='li3'>Items 3</li>
</ul>

Which of the following code snippets return(s) a set of all li tags within "id1" except for li tag with id "li2"?

a. $('#id1 li').not($('#li2'));
b. $('#id1 li').except($('#li2'));
c. $('#id1 li').remove($('#li2'));
d. $('#id1 li').delete($('#li2'));

Consider the following code snippet:
$('span.item').each(function (index) {
    $(this).wrap('<li>Item</li>');
});

What does this code snippet do?

a. Wraps each span tag that has class item within a li tag.
b. Inserts each span tag that has class item into a li tag.
c. Inserts <li>Item</li> into each span that has item class.
d. Replaces each span tag that has class item with a <li>Item</li>.

Which of the following seems to be correct for ajaxStart(function()) method as shown in the below Code snippet?

$("#div1").ajaxStart(function())

a. Method Attaches a function to be executed before an Ajax request is sent.
b. Method Attaches a function to be executed whenever an Ajax request completes successfully.
c. Method Attaches a function to be executed whenever an AJAX request begins and there is none already activated.
d. None of the above.

Consider the following code snippet:
$('span.item').each(function (index) {
    $(this).wrap('<li>Item</li>');
});

What does this code snippet do?

a. Wraps each span tag that has class item within a li tag.
b. Inserts each span tag that has class item into a li tag.
c. Inserts Item into each span that has item class.
d. Replaces each span tag that has class item with a Item

Which of the following code snippets insert(s) the code snippet <div class="footer">footer</div> at the end of div tags?

a. $('div').append('
    footer
    ');
b. $('div').appendTo('
    footer
    ');
c. $('
    footer
    ').append('div');
d. $('
    footer
    ').appendTo('div');

Consider the following code snippet:
<form id="form1">
    <input type="text" id="text1" value="default" />
    <input type="text" name="email" />
</form>
<script type="text/javascript">
    function submitForm1()
    {
      alert($('#form1').serialize());
    }
</script>

What does the alert box display when the function submitForm1 is called?

a. email=
b. email=&text1=default
c. text1=&text2=
d. Nothing in the alert box.

Which of the following functions moves p tags that have para class to div with content id?

a. function moveElement() {
        $('p.para').each(function(index) {
            $(this).appendTo('#content');
        });
    }
b. function moveElement() {
        $('p.para').each(function(index) {
            $(this).append('#content');
        });
    }
c. function moveElement() {
        $('p.para').each(function(index) {
            $(this).insertAfter('#content');
        });
    }
d. function moveElement() {
        $('p.para').each(function(index) {
            $(this).after('#content');
        });
    }

Consider the following code snippet:
function function1()
{
   alert(arguments.length);
}

Which of the following is true when you run function1();?

a. An error occurs because arguments variable is undefined.
b. An error occurs because you call function1 with no arguments.
c. The alert box displays "undefined".
d. The alert box displays 0.

How can an Ajax Request that has not yet received the response, be canceled or aborted?

a. //xhr is ajax variable
    xhr.abort()
b. //xhr is ajax variable
    xhr.cancel()
c. //xhr is ajax variable
    xhr.die()
d. //xhr is ajax variable
    xhr.destroy()

Which of the following is the correct way to get a Value of selected dropdownlist in jQuery without using the selected value?

a. $("#yourdropdownid option:selected").text();
b. $("[id*='MyDropDownId'] :selected");
c. $("option:selected", myVar).text()
d. $('select[name="thegivenname"] option:selected').val();

Which of the following is the correct way to get the current URL in jQuery?

a. var pathname = window.location.pathname;
b. $(location).attr('href');
c. $(location).value('href');
d. var pathname = window.location.routename;

Which of the following is the correct way to do the following javascript Code with jQuery? var d = document; var odv = d.createElement("div"); odv.style.display = "none"; this.OuterDiv = odv; var t = d.createElement("table"); t.cellSpacing = 0; t.className = "text"; odv.appendChild(t);

a. this.$OuterDiv = $('
    ')
    .hide()
    .append($('
    ‘)

    .attr({ cellSpacing : 0 })
    .addClass("text")
    );
b. var t = $("

    ");
    $.append(t);
c. $('
    ',{
    text: 'Div text',
    'class': 'className'
    }).appendTo('#parentDiv');
d. var userInput = window.prompt("please enter selector");
    $(userInput).hide();

Which of the following is the correct way to select all the elements with JQuery from html that have the two classes a and b?

a. $('.a.b')
b. $('.a, .b')
c. $(".a").filter(".b")
d. a.b
    {
    style properties
    }

When the user clicks the image, a little popup is given to add some notes to the data. How can the input-image's event handler be disable if a zero is entered into the text box?

a. $('#myimage').off('click.mynamespace');
b. $('#myimage').click(function() { return false; });
c. $('#myimage').unbind('click');
d. $('#myimage').onclick(function() { return false; });

Which of the following is the correct way to Hide menu div by clicking outside the menu div?

a. $('html').click(function() {
    //Hide the menus if visible
    });

    $('#menucontainer').click(function(event){
    event.stopPropagation();
    });
b. $('#menucontainer').click(function(event) {
    $('body').one('click',function() {
    // Hide the menus
    });

    event.stopPropagation();
    });
c. $(document).click(function(event) {
    if($(event.target).parents().index($('#menucontainer')) == -1) {
    if($('#menucontainer').is(":visible")) {
    $('#menucontainer').hide()
    }
    }
    })
d. 4 down vote
    $(document).click(function() {
    $(".overlay-window").hide();
    });
    $(".overlay-window").click(function() {
    return false;
    });

2 comments: