B. V. Patel Institute of Business Management, Computer & Information Technology, UTU

Size: px

Start display at page:

Download "B. V. Patel Institute of Business Management, Computer & Information Technology, UTU"

Domenic Clark
6 years ago
Views:

1 Bachelor of Computer Application (Sem - 6) : Introduction to jquery Question Bank UNIT 1 : Introduction to jquery Short answer questions: 1. List at least four points that how jquery makes tasks easier. 2. Give the symbol in which the jquery object is contained. 3. Which method is used to apply CSS class on element? 4. What is the use of text() method? 5. Write following code using jquery: window.onload = function() { var $p = document.getelementsbytagname( p )*0+; $p.classname = tmpframeworkloaded ; if ($p.innertext) { $p.innertext = jquery successfully loaded and running! ; } else { $p.textcontent = jquery successfully loaded and running! ; } }; 6. When does an event, attached to jquery s ready event, execute? 7. Compare onload event of JavaScript with ready event of jquery. 8. What does MIME stand for? 9. Why markup errors are commonly called the XML yellow screen of death? 10. Give the approaches which can be use to catch errors in CSS. 11. Give the full name of SEO. 12. What does IDE stand for? 13. Give the name of any four IDEs. 14. How can you write comments in JavaScript? 15. How can you write comments in jquery? 16. How can you write a single line comment in jquery? 17. How can you write a multiline comment in jquery? 18. Explain anonymous function in brief with example. Long answer questions: 1. Write down steps for installing and testing jquery using suitable example. 2. List the rules which should be followed when creating XHTML and CSS documents. 3. Explain ID and Class naming conventions. 4. What is name spacing? Why do you need to do it? 5. Explain generic type selectors with example. 6. List the tips to avoid documents being inaccessible. 7. Explain JavaScript conventions in detail. 8. List JavaScript conventions. Explain any one of them in detail. 9. What kind of good practice should be adopted to write clean and consistent code? Explain in detail. 10. Explain control structures with example. 11. Explain One True Brace convention with suitable example. 12. Write HTML code to display a web page as below: Ms. Mayuri Patel & Mr. Hiren Patel Page 1

[Hint: paragraph elements are used to write proverbs, Note: make use of inline CSS] 13. Solve problem as in question-12 using internal CSS. 14. Solve problem as in question-12 using external CSS. 15.

2 [Hint: paragraph elements are used to write proverbs, Note: make use of inline CSS] 13. Solve problem as in question-12 using internal CSS. 14. Solve problem as in question-12 using external CSS. 15. Write JavaScript to increase and decrease quantity [when user clicks on -1, quantity should be decreased by one and when user clicks on +1, the quantity should be increased by one. The number can be reduced down to 0.] Ms. Mayuri Patel & Mr. Hiren Patel Page 2

3 Multiple choice questions: 1. What does CSS stand for? a. Computer Style Sheets b. Colorful Style Sheets c. Cascading Style Sheets d. Creative Style Sheets 2. What is the correct HTML for referring to an external style sheet? a. <link rel="stylesheet" type="text/css" href="mystyle.css"> b. <stylesheet>mystyle.css</stylesheet> c. <style src="mystyle.css"> 3. Where in an HTML document is the correct place to refer to an external style sheet? a. At the top of the document b. In the <head> section c. At the end of the document d. In the <body> section 4. Which HTML tag is used to define an internal style sheet? a. <script> b. <style> c. <css> 5. Which HTML attribute is used to define inline styles? a. styles b. style c. class d. font 6. Which is the correct CSS syntax? a. body:color=black; b. {body;color:black;} c. {body:color=black;} d. body {color: black;} 7. How do you insert a comment in a CSS file? a. /* this is a comment */ b. // this is a comment c. ' this is a comment Ms. Mayuri Patel & Mr. Hiren Patel Page 3

4 d. // this is a comment // 8. Which property is used to change the background color? a. color b. bgcolor c. background-color 9. How do you add a background color for all <h1> elements? a. h1.all {background-color:#ffffff;} b. h1 {background-color:#ffffff;} c. all.h1 {background-color:#ffffff;} 10. Which CSS property is used to change the text color of an element? a. fgcolor b. color c. text-color d. foreground-color 11. Which CSS property controls the text size? a. text-size b. font-style c. text-style d. font-size 12. What is the correct CSS syntax for making all the <p> elements bold? a. <p style="text-size:bold;"> b. p {font-weight:bold;} c. <p style="font-size:bold;"> d. p {text-size:bold;} 13. How do you display hyperlinks without an underline? a. a {text-decoration:none;} b. a {underline:none;} c. a {text-decoration:no-underline;} d. a {decoration:no-underline;} 14. How do you make each word in a text start with a capital letter? a. text-transform:capitalize b. You can't do that with CSS c. text-transform:uppercase 15. Which property is used to change the font of an element? a. font b. font-family c. Both font-family and font can be used 16. How do you make the text bold? a. style:bold; b. font-weight:bold; c. font:bold; 17. How do you display a border like this: The top border = 10 pixels The bottom border = 5 pixels The left border = 20 pixels The right border = 1pixel? a. border-width:10px 5px 20px 1px; b. border-width:10px 20px 5px 1px; c. border-width:5px 20px 10px 1px; d. border-width:10px 1px 5px 20px; 18. Which property is used to change the left margin of an element? Ms. Mayuri Patel & Mr. Hiren Patel Page 4

5 a. padding-left b. margin-left c. indent 19. When using the padding property; are you allowed to use negative values? a. Yes b. No 20. How do you make a list that lists its items with squares? a. list-style-type: square; b. list: square; c. list-type: square; 21. Inside which HTML element do we put the JavaScript? a. <scripting> b. <javascript> c. <script> d. <js> 22. What is the correct JavaScript syntax to write "Hello World"? a. response.write("hello World"); b. echo "Hello World"; c. document.write("hello World"); d. ("Hello World"); 23. Where is the correct place to insert a JavaScript? a. The <head> section b. The <body> section c. Both the <head> section and the <body> section are correct 24. What is the correct syntax for referring to an external script called "xxx.js"? a. <script href="xxx.js"> b. <script src="xxx.js"> c. <script name="xxx.js"> 25. How do you write "Hello World" in an alert box? a. alertbox("hello World"); b. msg("hello World"); c. alert("hello World"); d. msgbox("hello World"); 26. How do you create a function in JavaScript? a. function myfunction() b. function:myfunction() c. function=myfunction() 27. How do you call a function named "myfunction"? a. call function myfunction() b. call myfunction() c. myfunction() 28. How to write an IF statement in JavaScript? a. if i=5 then b. if i==5 then c. if (i==5) d. if i=5 29. How to write an IF statement for executing some code if "i" is NOT equal to 5? a. if (i <> 5) b. if i=! 5 then c. if i<>5 d. if (i!= 5) Ms. Mayuri Patel & Mr. Hiren Patel Page 5

6 30. How does a WHILE loop start? a. while (i<=10;i++) b. while (i<=10) c. while i=1 to How does a FOR loop start? a. for (i <= 5; i++) b. for (i = 0; i <= 5; i++) c. for i = 1 to 5 d. for (i = 0; i <= 5) 32. How can you add a comment in a JavaScript? a. //This is a comment b.  c. 'This is a comment 33. How to insert a comment that has more than one line? a.  b. /*This comment has more than one line*/ c. //This comment has more than one line// 34. What is the correct way to write a JavaScript array? a. var txt = new Array(1:"tim",2:"kim",3:"jim") b. var txt = new Array="tim","kim","jim" c. var txt = new Array:1=("tim")2=("kim")3=("jim") d. var txt = new Array("tim","kim","jim") 35. How do you round the number 7.25, to the nearest integer? a. Math.round(7.25) b. round(7.25) c. Math.rnd(7.25) d. rnd(7.25) 36. How do you find the number with the highest value of x and y? a. Math.max(x,y) b. ceil(x,y) c. Math.ceil(x,y) d. top(x,y) 37. What is the correct JavaScript syntax for opening a new window called "w2"? a. w2=window.new(" b. w2=window.open(" 38. How can you detect the client's browser name? a. client.navname b. browser.name c. navigator.appname 39. Which of the following is correct? a. jquery is a JSON Library b. jquery is a JavaScript Library 40. Which sign does jquery use as a shortcut for jquery? a. the % sign b. the $ sign c. the? Sign 41. With jquery, look at the following selector: $("div"). What does it select? a. All div elements b. The first div element 42. Is jquery a library for client scripting or server scripting? a. Client scripting Ms. Mayuri Patel & Mr. Hiren Patel Page 6

7 b. Server scripting 43. What is the correct jquery code to set the background color of all p elements to red? a. $("p").layout("background-color","red"); b. $("p").manipulate("background-color","red"); c. $("p").style("background-color","red"); d. $("p").css("background-color","red"); 44. Which of the following are the features of jquery? a. Efficient query method for finding the set of document elements b. Expressive syntax for referring to elements in the document c. Useful set of methods for manipulating selected elements d. All of the mentioned 45. Which of the following is a single global function defined in the jquery library? a. jquery() b. $() c. Queryanalysis() d. None of the mentioned True or False: 1. The external JavaScript file must contain the <script> tag. 2. JavaScript is the same as Java. 3. jquery uses CSS selectors to select elements. 4. You can substitute dollar sign with JavaScript in jquery code. 5. It is possible to use jquery together with AJAX. 6. The jquery html() method works for both HTML and XML documents. 7. Markup errors typically come about from simple human errors. 8. MIME stands for Multipurpose Internet Markup Extensions. 9. <meta /> element can be used to set MIME type for an XHTML document. 10. The One True Brace convention is the combination of Allman Style and K&R Style. 11. <script> element is used to include external CSS in HTML document. 12. <link> element is used to include external CSS in HTML document. 13. href attribute of <link> element will be set for specifying external JavaScript to be linked in HTML document. 14. href attribute of <link> element will be set for specifying external CSS to be linked in HTML document. 15. src attribute of <link> element will be set for specifying external JavaScript to be linked in HTML document. 16. src attribute of <link> element will be set for specifying external CSS to be linked in HTML document. 17. href attribute of <script> element will be set for specifying external CSS to be linked in HTML document. 18. href attribute of <script> element will be set for specifying external JavaScript to be linked in HTML document. 19. src attribute of <script> element will be set for specifying external CSS to be linked in HTML document src attribute of <script> element will be set for specifying external JavaScript to be linked in HTML document. Fill in the blanks: 1. The file extension for a JavaScript file is. 2. You can substitute dollar sign with in a jquery code. 3. method is used to add CSS class. 4. W3C s markup validation service is located at. Ms. Mayuri Patel & Mr. Hiren Patel Page 7

8 5. attribute of <meta /> element is used to set HTTP headers within the markup documents itself. 6. YSOD stands for. 7. Full form of SEO is. 8. programming statements are the building blocks of any programming language. 9. IDE stands for. 10. The One True Brace convention is the combination of Style and Style. 11. element is used to link external style sheet in your HTML document. 12. attribute of element would be required to set to specify file name if you want to include external CSS. 13. element is used to link external JavaScript in your HTML document. 14. attribute of element would be required to set to specify file name if you want to include external JavaScript UNIT 2 : Filtering a Selection Short questions: 1. What will following statement do if executes? $("body").css("background", "red"); 2. What do you mean by selector? Give example of CSS selector. 3. What does DOM stand for? 4. The dollar sign is both a method and an object justify. 5. When does ready event fire? 6. When does onload event fire? 7. Differentiate ready event and onload event. 8. Which method is used to add click event? 9. What is the use of removeclass( ) method? 10. Write CSS code which positions the <input> element with ID name tmpdialogueclose to the lower right-hand corner of the dialogue, 5 pixels from the bottom and 5 pixels from the left. A fixed width of 100 pixels is to be set. 11. What is the use of addclass( ) method? 12. What is the use of css( ) method? 13. Which method can be used to perform a selection within a selection? 14. List methods that allow selecting siblings based on whether they appear before or after an element. 15. List all of the methods that jquery provides for working with sibling elements. 16. Let s say you want to swap an element s position in the DOM with its preceding sibling. What jquery method will help with that application? 17. What do you mean by ancestors of an element? Give example. 18. Which method is used to select ancestors of an element? 19. If you want to select an element from the DOM using jquery based on an ancestral relationship, which method will you use? 20. Which method is used to select an element s children with jquery? 21. What do you mean by parent of an element? Give an example. 22. What is the use of parent( ) method? 23. What do you mean by children of an element? Give an example. 24. If you have selected an element and want to select one of that element s descendants from the DOM, what method does jquery expose that would give you the results you seek? 25. What is the use of children( ) method? 26. Write a JavaScript that demonstrates how all <li> elements of <ul> element can be selected using jquery s children( ) method. Ms. Mayuri Patel & Mr. Hiren Patel Page 8

9 27. Give an example which demonstrates the use of parent( ) method. Also give an example by passing a selector to parent() method. 28. Give an example which demonstrates the use of children( ) method. Also give an example by passing a selector to children() method. 29. Which method gives you ability to select elements based on what you don t want include in the selection? 30. If you made a selection but later want to remove one or more elements from that selection, what jquery method will you use? 31. What is the use of not() method? 32. Which method is used to select a snippet of the results set? 33. What is the use of slice() method? 34. Explain slice() method in brief using example. 35. How many arguments can be passed in slice() method? How many and which of them are optional? 36. State the use of add() method? 37. If you only want to select a single element from a broader selection, what jquery method will you use? 38. List and explain visibility filters on brief What is the return value of $(selector)? Long questions: 1. Differentiate following two statements: $(document).ready(tmpexample.ready); $(document).ready(tmpexample.ready()); 2. Explain the use of find( ) method with suitable example. 3. Explain siblings( ) method with example. 4. Consider following HTML code: <h4>places in Middle-Earth</h4> <ul id= tmpplaces > <li>mordor</li> <li class= tmprealmofmen >Gondor</li> <li class= tmprealmofmen >Rohan</li> <li>moria</li> <li class= tmprealmofelves >Lothlorien</li> <li>dead Marshes</li> <li class= tmpexamplecity >Minas Tirth</li> </ul> What will happen if following script is executed? var tmpexample = { ready : function() { $( ul#tmpplaces li.tmpexamplecity ).siblings().addclass( tmpsiblings ); } }; $(document).ready(tmpexample.ready); Write what will happen if following script is executed? var tmpexample = { ready : function() { $( ul#tmpplaces li.tmpexamplecity ).siblings(.tmprealmofmen ).addclass( tmpsiblings ); } }; $(document).ready(tmpexample.ready); 5. List methods that allow to select siblings based on whether they appear before or after an element. Explain any one of them in detail. 6. List all of the methods that jquery provides for working with sibling elements. Explain any one in detail. 7. Explain next( ), prev( ), nextall( ), and prevall( ) methods with example. 8. Explain the use parent( ) method. 9. Compare parents() and parent() methods. 10. Explain the use of children( ) method. 11. Explain the use of not() method. 12. Explain the use of slice() method. 13. How would you add elements to a selection using jquery? Explain with example. 14. Explain the use of add() method. Ms. Mayuri Patel & Mr. Hiren Patel Page 9

10 Multiple choice questions: 1. What is the full form of DOM? a. Document Oriented Model b. Documentive Object Model c. Document Object Model d. Documentation Of Model 2. There can be at most arguments in slice() method. a. 1 b. 2 c. 3 d. None of above 3. method is used to add more elements in selection. a. slice() b. addclass() c. add() d. siblings() 4. $(selector).action() What does this jquery syntax format do? a. Select an HTML element and then use HTML to act on it b. Select an HTML element and perform some actin on it c. Perform an action on an element and then select it d. Perform selection and ignore the action 5. What does the dollar sign in jquery statement do? a. It loads the jquery methods b. It loads the DOM c. It loads PHP d. It is used to define or access jquery 6. Here is a jquery code: $(document).ready(function(){}); Why do we place all jquery methods inside this code? a. Because jquery is never compiled b. It shows where jquery starts and ends c. To enable the DOM to load jquery d. To prevent jquery code from running before the document is fully loaded 7. $( #temp ).action() What type of selector is used in the above jquery syntax? a. id selector b. class selector c. name selector d. value selector 8. $(.temp ).action() What type of selector is used in the above jquery syntax? a. id selector b. class selector c. name selector d. value selector 9. Which of the following jquery syntax uses the class selector a. $( #temp ) b. $(.temp ) c. $( class ) d. $( temp ).class 10. Which of the following jquery syntax uses the ID selector? a. $( #temp ) b. $(.temp ) Ms. Mayuri Patel & Mr. Hiren Patel Page 10

11 c. $( class ) d. $( temp ).class 11. Which of the following jquery syntax uses the element selector? a. $( #temp ) b. $(.temp ) c. $( p ) d. None of the above 12. How do we select odd tr elements? a. $( odd:tr ) b. $( :odd tr ) c. $( tr:odd ) d. None of the above 13. Which method is used to add class to an element? a. classremove() b. classadd() c. changeclass() d. addclass() 14. Which method is used to remove class from an element? a. classremove() b. classadd() c. changeclass() d. addclass() 15. $( p ).css( background-color, yellow ); What will happen if above statement is executed? a. Background will be set to yellow in first <p> element. b. Background will be set to yellow in last <p> element. c. Background will be set to yellow in all elements whose class is p. d. Background will be set to yellow in first <p> element. 15. Which is the code that asks for the set of all div elements in a document? a. var divs = $(div); b. var divs = jquery("div"); c. var divs = $("div"); d. var divs = #("div"); 16. Which sign does jquery use as a shortcut for jquery? a. # b. % c. $ d. None 17. $( span ) - What does it select? a. All span elements. b. The first span element. c. Both (a) and (b) d. None of above 18. jquery code to set the background color of all span elements to blue: a. $( span ).style( background-color, blue ); b. $( span ).manipulate( background-color, blue ); c. $( span ).css( background-color, blue ); d. $( span ).layout( background-color, blue ); 19. $( span.intro )-What does it select? a. The first span element with class= intro. Ms. Mayuri Patel & Mr. Hiren Patel Page 11

12 b. The first span element with id= intro. c. All span elements with id= intro. d. All span elements with class= intro. 20. $( div#id1.cl1?) - What does it select? a. The first element with id= cl1? Inside any div element with class=id1? b. All elements with class= cl1? Inside the first div element with id= id1? c. c. All div elements with id= id1? Or class= cl1? True or False: 1. ready event is same as onload or load event. 2. find() method lets you perform a selection within a selection. 3. When using slice() method, the numbering of elements position is offset from zero. 4. The slice() method s first argument is optional. 5. All the arguments of slice() method are optional. 6. Second argument of slice() method is optional. 7. jquery uses CSS selectors and XPath expressions to select elements. 8. jquery s find() method lets you take a selection and refine it. 9. parent > child Selects one or more elements based on a parent, child relationship. 10. parent < child Selects one or more elements based on a parent, child relationship. 11. child > parent Selects one or more elements based on a parent, child relationship. 12. jquery can also be used in place of $ sign. 13. filter(selector) removes all elements that do not match the specified selector. 14. not(selector) removes all elements that do not match the specified selector. 15. filter(selector) removes elements that match the specified selector. 16. not(selector) removes elements that match the specified selector. Fill in the blanks: 1. DOM stands for. 2. method allows to perform a selection within a selection. 3. method is used to select ancestors of an element. 4. method is used to select children of an element. 5. method gives you ability to select elements based on what you don t want included in the selection. 6. The number of argument(s) passed in slice() method is. 7. When making a selection, you may add more elements using method. 8. method is used to select an element from DOM based on an ancestral relationship. 9. removes all elements that do not match the specified selector. 10. removes elements from the selection that match the specified selector. UNIT 3 : Manipulating Content Attribute Short answer questions: 1. How can we change color of a font dynamically without using CSS or css() method? 2. What does following jquery code snippet do? $(document).ready(function(){ $( li ).attr( id, function(){ return tmp + $(this).text(); } }); Consider following HTML code snippet for the same: <BODY> <UL> <li> Monday </li> </UL> Ms. Mayuri Patel & Mr. Hiren Patel Page 12

13 </BODY> 3. Write different syntaxes of attr() method. 4. What is the purpose of callback parameter in attr() method? 5. What will be the output of given jquery code segment: <a href= contactus.html >Contact Us</a> $("a").attr("href",function(idx, oldval){ return oldval + "?city=bardoli"; }); 6. Write code snippet to demonstrate attr() method which takes callback function as a parameter. 7. How can we check that any CSS class is applied to an element or not? Give example. 8. Write a jquery code snippet to remove current class from last <P> element and apply another class to the same. 9. Using which function text inside <textarea> element will be extracted? Give one example. 10. Using which function HTML content inside <textarea> element will be extracted? Give one example. 11. What will be the output of given jquery code segments: <a href= # style="text-decoration:none;color:cyan;"> <font face="cambria"><b>hyperlink</b></font> </a> alert($("a").text()); alert($("a").html()); alert($("a").attr("style")); 12. How before() method is different from prepend() method? Give one example. 13. How after() method is different from append() method? Give one example. 14. Write a jquery code segment to give font color & font face using <FONT> tag to following text inside <h1> element. <h1>introduction to jquery </h1> 15. Write a jquery code segment to apply font-size 7px to all paragraph elements without using css() method. 16. What is the interpretation of following: $(this).replacewith( Sample text ); and $( Sample text ).replaceall(this); 17. What is the basic difference between html() and replacewith() method? Long answer questions: 1. Which jquery method is used to access attribute value of any HTML element? Explain with example. 2. Which jquery method is used to change or set attribute value of any HTML element? Explain in detail by taking example of <IMG> and <A> elements. 3. Which jquery method is used to remove attribute value of any HTML element? Explain in detail by taking example of <UL> element. 4. How can we display five different images using a single <IMG> element dynamically? Write a jquery and HTML code for the same. 5. Consider following HTML code snippet: <body> <p> jquery </p> <p> HTML </p> <p> CSS </p> </body> Write a jquery code snippet to assign following ids to each <p> element dynamically and display the same as alert message. Ms. Mayuri Patel & Mr. Hiren Patel Page 13

14 For first <p> element id will be webjquery, for second webhtml and for third webcss. 6. List methods which are used to apply and remove css class dynamically. Explain each with example. 7. What does following code snippet do? $( ul li ).eq(3).addclass( ulclass ); 8. Explain following code snippet: $( li ).each(function(){ alert($(this).hasclass()); $(this).removeclass( cls ); }; 9. Write syntax of text() and html() methods. Give any two differences between these two. Explain both methods by taking example of <A> element. 10. Write a jquery code to set default text as USERNAME in <input type= text > element. It should be displayed as bold and italic font. 11. How can we delete all contents using text() and html() method? Write syntax for the same. Explain in detail with example. 12. Write an HTML code to design body part of a table with 3 rows and 3 columns. Add header and footer of a table by using before() and after() method & also insert rows before and after available rows using append() and prepend() method. 13. Explain insertbefore() and insertafter() methods with example. 14. What is the difference between wrap() and wrapall() method? Explain with example. 15. What is the similarity and difference between replaceall() and replacewith() & replaceall()? Explain with example. 16. Write an HTML code to design table with 4 rows and 2 columns. Write a jquery code i) to delete all rows ii) to delete entire table 17. What does following code snippet do? $("head").append('<link rel="stylesheet" type="text/css" href="style.css" />'); $("body").prepend('<p>my content goes here</p>'); Multiple choice questions: 1. If user wants to set image path in <IMG> element later on then which method will be used? a) css() b) attr() c) src() d) insertafter() 2. To remove default value from <input> element which of the following method will useful? a) remove() b) empty() c) attr() d) css() 3. Which of the following method is useful to display file path from <A> element? a) src() b) path() c) attr() d) css() 4. What will be the effect of following code segment? [ 1Mark ] alert($("p").html()); <p><b><font color="blue">html() method</font></b></p> a) "html() method" text with blue color. b) "html() method" text with bold effect and blue color. c) <b><font color="blue">html() method</font></b> d) <p><b><font color="blue">html() method</font></b></p> 5. Select a code segment which will return value of <textarea> element. a) $( input#textarea ).text(); b) $( input.textarea ).val() c) $( textarea ).text(); d) $( textarea ).val(); 6. What will be the output of following code segment? <p>this is a paragraph.</p> <p>this is another paragraph.</p> $("p").html("this is a <b>paragraph.</b>"); Ms. Mayuri Patel & Mr. Hiren Patel Page 14

15 a) This is a paragraph. b) This is a paragraph. This is another paragraph This is another paragraph. c) This is a paragraph. d) This is a <b>paragraph.</b> This is a paragraph. This is a <b>paragraph.</b> 7. What will be the output of following code segment? <p>this is a paragraph.</p> <p>this is another paragraph.</p> $("p").text("this is a <b>paragraph.</b>"); a) This is a paragraph. b) This is a paragraph. This is another paragraph This is another paragraph. c) This is a paragraph. d) This is a <b>paragraph.</b> This is a paragraph. This is a <b>paragraph.</b> 8. A newly created ordered list is totally empty. I want to add two list items inside <ol> element. Which of the following method will be the way to do so? a) append() b) prepend() c) before() d) after() 9. A newly created ordered list is contains two list items. I want to add a new list item at first position inside <ol> element. Which of the following method will be the way to do so? a) append() b) prepend() c) before() d) after() 10. I want to give heading to newly create un-ordered list. Which of the following method will be the way to do so? a) append() b) prepend() c) before() d) after() 11. I want to give footer text to newly create form. Which of the following method will be the way to do so? a) append() b) prepend() c) before() d) after() 12. I want to give heading to newly create un-ordered list. Which of the following method will be the way to do so? a) append() b) prepend() c) before() d) after() 13. Which of the following method use a JavaScript object reference to a valid DOM element to wrap elements? a) wrap() b) wrapall() c) wrapinner() d) All of these 14. Consider following HTML code: <style> div { border: 2px solid blue; } p { background: yellow; margin: 4px; } </style> <p>web Server</p> <p>web Browser</p> <p>internet</p> What does the following jquery code do? <script> $( "p" ).wrap( "<div></div>" ); </script> Ms. Mayuri Patel & Mr. Hiren Patel Page 15

16 a) Apply 2px solid blue border to each paragraph individually. b) Apply 2px solid blue border to each paragraph's content individually. c) Apply 2px solid blue border to all paragraphs. d) Apply 2px solid blue border to all paragraphs' content. What does the following jquery code do? <script> $( "p" ).wrapall( "<div></div>" ); </script> a) Apply 2px solid blue border to each paragraph individually. b) Apply 2px solid blue border to each paragraph's content individually. c) Apply 2px solid blue border to all paragraphs. d) Apply 2px solid blue border to all paragraphs' content. What does the following jquery code do? <script> $( "p" ).wrapinner( "<div></div>" ); </script> a) Apply 2px solid blue border to each paragraph individually. b) Apply 2px solid blue border to each paragraph's content individually. c) Apply 2px solid blue border to all paragraphs. d) Apply 2px solid blue border to all paragraphs' content. True or False: 1. Following jquery code snippet will removes CSS class from paragraph element. $document.ready(function(){ $("p").class("temp"); }); 2. Following jquery code snippet which adds CSS class to paragraph element. $(document.ready(function(){ $("p").class("temp"); }); 3. empty() method removes element completely. 4. text() and replacewith() method will only change content inside element. 5. html() will return actual HTML string including tags. 6. The following code snippet will insert a new list item with content "Item 1" in empty ordered list. $("ol").prepend($("<li></li>").text("item 1")); 7. jquery s html() and replacewith() method serves the same purpose. 8. jquery s replaceall() method works similarly to jquery s insertbefore() and insertafter() methods. 9. We can dynamically add <HEAD> section in HTML document structure. Fill in the blanks: 1. To set id attribute of an element method is used. 2. hasclass() method returns when particular class is not applied to element. 3. method removes child elements from the selected element. 4. method removes child as well as parent elements. 5. To increase height or width of an image method will be used. 6. method set text of an element and also make it as an italic. 7. wrap() method wraps. wrapall() method wraps. wrapinner() method wraps. Ms. Mayuri Patel & Mr. Hiren Patel Page 16

17 8. jquery s method replaces a selection with whatever HTML content that you specify. 9. If you want to insert existing content within a document within a document before another existing content within a document then method might be best suitable. 10. If you want to insert existing content within a document within a document after another existing content within a document then method might be best suitable. 11. To specify external CSS file dynamically, jquery method will be useful. Ms. Mayuri Patel & Mr. Hiren Patel Page 17

B. V. Patel Institute of Business Management, Computer & Information Technology, UTU 2014

B. V. Patel Institute of Business Management, Computer & Information Technology, UTU 2014 B.C.A. (6 th Semester) 030010602 Introduction To jquery Question Bank UNIT: Introduction to jquery Long answer questions 1. Write down steps for installing and testing jquery using suitable example. 2.