Knowledge of jQuery 1.3.2 Skills Test answer :
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?
$.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 ________.
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?
$(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?
$(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?
$('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 ________.
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"?
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?
$('#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();?
<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?
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.
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"?
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"?
<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?
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?
$('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?
$('#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');
});
}
$('p.para').each(function(index) {
$(this).appendTo('#content');
});
}
b.
function moveElement() {
$('p.para').each(function(index) {
$(this).append('#content');
});
}
$('p.para').each(function(index) {
$(this).append('#content');
});
}
c.
function moveElement() {
$('p.para').each(function(index) {
$(this).insertAfter('#content');
});
}
$('p.para').each(function(index) {
$(this).insertAfter('#content');
});
}
d.
function moveElement() {
$('p.para').each(function(index) {
$(this).after('#content');
});
}
$('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 ________.
$('#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]);
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'));?
<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'},});
$.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?
<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?
$('#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?
$('#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 ________.
$('#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:
$('#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 ________.
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 ________.
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 ________.
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();?
<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?
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();?
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?
$('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 ________.
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"?
<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?
$('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())
$("#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?
$('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?
<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');
});
}
$('p.para').each(function(index) {
$(this).appendTo('#content');
});
}
b.
function moveElement() {
$('p.para').each(function(index) {
$(this).append('#content');
});
}
$('p.para').each(function(index) {
$(this).append('#content');
});
}
c.
function moveElement() {
$('p.para').each(function(index) {
$(this).insertAfter('#content');
});
}
$('p.para').each(function(index) {
$(this).insertAfter('#content');
});
}
d.
function moveElement() {
$('p.para').each(function(index) {
$(this).after('#content');
});
}
$('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();?
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()
xhr.abort()
b.
//xhr is ajax variable
xhr.cancel()
xhr.cancel()
c.
//xhr is ajax variable
xhr.die()
xhr.die()
d.
//xhr is ajax variable
xhr.destroy()
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($('
.hide()
.append($('
‘)
.attr({ cellSpacing : 0
})
.addClass("text")
);
.addClass("text")
);
b.
var t = $("
");
$.append(t);
$.append(t);
c.
$('
',{
text: 'Div text',
'class': 'className'
}).appendTo('#parentDiv');
text: 'Div text',
'class': 'className'
}).appendTo('#parentDiv');
d.
var userInput = window.prompt("please enter selector");
$(userInput).hide();
$(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
}
{
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();
});
//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();
});
$('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()
}
}
})
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;
});
$(document).click(function() {
$(".overlay-window").hide();
});
$(".overlay-window").click(function() {
return false;
});
0 comments:
Post a Comment