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?
$.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;
});
Thanks a lot
ReplyDeleteThanks. This blog helped a lot.
ReplyDelete