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

Size: px

Start display at page:

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

Maria McBride
5 years ago
Views:

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.

1 B.C.A. (6 th Semester) 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. List the rules which should be followed when creating XHTML and CSS documents. 3. Explain ID and Class naming conventions. 4. What is namespacing? 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 One True Brace convention with suitable example. 11. Write HTML code using external CSS to display image as below: [Hint: use division elements and set CSS for <div> elements] 12. Write HTML code to display a web page as below: [Hint: paragraph elements are used to write proverbs, Note: make use of inline CSS] Ms. Sonal Bhakta Page 1

be increased by one. The number can be reduced down to 0.]: Short answer questions 1. List at least four points that how jquery makes tasks easier. 2.

2 13. Solve problem as in question-13 using internal CSS. 14. Solve problem as in question-13 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.]: 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: Ms. Sonal Bhakta Page 2

3 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. 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"> d. <link rel="stylesheet" type="text/css" 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> d. <link> Ms. Sonal Bhakta Page 3

4 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 d. // this is a comment // 8. Which property is used to change the background color? a. color b. bgcolor c. background-color d. backcolor 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;} d. #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;} Ms. Sonal Bhakta Page 4

5 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; d. font-style: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? a. padding-left b. margin-left c. indent d. left-margin 19. How do you make a list that lists its items with squares? a. list-style-type: square; b. list: square; c. list-type: square; d. type: square; 20. Inside which HTML element do we put the JavaScript? a. <scripting> b. <javascript> c. <script> d. <js> 21. What is the correct JavaScript syntax to write "Hello World"? a. response.write("hello World"); Ms. Sonal Bhakta Page 5

6 b. echo "Hello World"; c. document.write("hello World"); d. ("Hello World"); 22. 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 23. 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"> d. All of above 24. 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"); 25. How do you create a function in JavaScript? a. function myfunction() b. function:myfunction() c. function=myfunction() d. function::myfunction() 26. How do you call a function named "myfunction"? a. call function myfunction() b. call myfunction() c. myfunction() d. exec myfunction() 27. 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 28. 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) 29. How does a WHILE loop start? a. while (i<=10;i++) b. while (i<=10) c. while i=1 to 10 d. while (i=0; i<=10; i++) Ms. Sonal Bhakta Page 6

7 30. 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) 31. How can you add a comment in a JavaScript? a. //This is a comment b.  c. 'This is a comment 32. How to insert a comment that has more than one line in JavaScript? a.  b. /*This comment has more than one line*/ c. //This comment has more than one line// d. This comment has more than one line 33. 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") 34. 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) 35. 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) 36. What is the correct JavaScript syntax for opening a new window called "w2"? a. w2=window.new(" b. w2=window.open(" c. w2=window.new.open(" d. w2=window.open.new(" 37. How can you detect the client's browser name? a. client.navname b. browser.name c. navigator.appname Ms. Sonal Bhakta Page 7

8 d. app.navigator 38. Which of the following is correct? a. jquery is a JSON Library b. jquery is a JavaScript Library c. jquery is a CSS Library d. jquery is a CSS and HTML Library 39. Which sign does jquery use as a shortcut for jquery? a. the % sign b. the $ sign c. the? sign d. the # sign 40. With jquery, look at the following selector: $("div"). What does it select? a. All div elements b. The first div element c. The last div element 41. 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"); 42. 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 43. Which of the following is a single global function defined in the jquery library? a. jquery() b. $() c. Queryanalysis() d. None of the mentioned 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. 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. Ms. Sonal Bhakta Page 8

9 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. State true/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. 20. src attribute of <script> element will be set for specifying external JavaScript to be linked in HTML document. 21. When using the padding property, you are allowed to use negative values. 22. jquery is a library for client scripting. UNIT: Filtering a Selection Long answer 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. Ms. Sonal Bhakta Page 9

10 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); 5. Consider HTML code given in above question and 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); 6. List methods that allow select siblings based on whether they appear before or after an element. Explain any one of them in detail. 7. List all of the methods that jquery provides for working with sibling elements. Explain any one in detail. 8. Explain next( ), prev( ), nextall( ), and prevall( ) methods with example. 9. Explain the use parent( ) method. 10. Compare parents() and parent() methods. 11. Explain the use of children( ) method. 12. Explain the use of not() method. 13. Explain the use of slice() method. 14. How would you add elements to a selection using jquery? Explain with example. 15. Explain the use of add() method. Short answer questions 1. What will following statement do if executes? Ms. Sonal Bhakta Page 10

11 $("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. 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? Ms. Sonal Bhakta Page 11

12 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 in brief. 39. What is the return value of $(selector)? 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 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 action on it b. Select an HTML element and perform some action 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? Ms. Sonal Bhakta Page 12

13 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 ) 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. Ms. Sonal Bhakta Page 13

14 c. Background will be set to yellow in all elements whose class is p. d. Background will be set to yellow in all <p> element. 16. 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"); 17. Which sign does jquery use as a shortcut for jquery? a. # b. % c. $ d. None 18. $( span ) - What does it select? a. All span elements. b. The first span element. c. Both (a) and (b) 19. 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 ); 20. $( span.intro )-What does it select? a. The first span element with class= intro. b. The first span element with id= intro. c. All span elements with id= intro. d. All span elements with class= intro. 21. $( 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. All elements with class= cl1? Inside the last div element with id= id1? d. All div elements with id= id1? Or class= cl1? Fill in the blanks 1. method allows to perform a selection within a selection. 2. method is used to select ancestors of an element. 3. method is used to select children of an element. 4. method gives you ability to select elements based on what you don t want included in the selection. 5. The number of argument(s) passed in slice() method is. 6. When making a selection, you may add more elements using method. 7. method is used to select an element from DOM based on an ancestral relationship. 8. removes all elements that do not match the specified selector. 9. removes elements from the selection that match the specified selector. Ms. Sonal Bhakta Page 14

15 State true/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. UNIT: Manipulating Content Attribute Long answer questions 1. How can you use a callback function to set element s attribute? 2. Describe at least three different ways to set values of attribute(s). 3. Explain hover method with example. 4. Compare html() and text() methods. 5. Discuss and demonstrate the use of before() and after() methods. 6. Discuss and demonstrate the use of insertbefore() and insertafter() methods. 7. Write a note on relacewith() and replaceall() methods. 8. Write a script which replaces button with HTML content when that button is clicked. 9. List at least four methods which can be used for removing content. Explain any one in detail. 10. Write sample code that might be used to set both the value and the class attributes of an <input> element. Short answer questions 1. Which method is used to set attribute? 2. What is the use of attr( ) method? 3. How many arguments can be passed in attr() method to retrieve attribute value? What does it (or do they) indicate? 4. How can you pass an object literal to attr() method defining attributes in key, value pairs? Give example. 5. What is the use of removeattr() method? 6. Give an example that uses callback function to set an element s attribute. 7. List the methods used to manipulate class names. 8. Give an example which demonstrates how you can chain class names together in the style sheet. 9. Explain toggleclass() method using example. 10. Which method is used to set or get the HTML content of one or more elements? Ms. Sonal Bhakta Page 15

16 11. Which method is used to set or get the text content of one or more elements? 12. What is the use of html() method? 13. State the use of text() method. 14. List methods used for getting or setting content. 15. List methods used to append and prepend content. 16. What is the use of append() method? 17. What is the use of prepend() method? 18. Which method is used to append content? 19. Which method is used to prepend content? 20. List methods which let you place content beside other elements. 21. Explain the use of insertafter() and insertbefore() methods in brief. 22. What is the use of insertafter() and insertbefore() methods. 23. List methods which give you the ability to wrap one or more elements with other elements. 24. How can you use text() and html() methods to remove content? 25. List the methods which can be used to replace elements. 26. What is the use of replacewith() method? 27. Compare replacewith() and html() methods. 28. What jquery method is used to completely remove attributes from elements? 29. Describe the use of empty() method. 30. What is the use of remove() method? 31. If you want to set the href attribute for an <a> element to using jquery, what might the JavaScript look like? 32. What jquery method would you use to determine whether a class name is present for an element? 33. If an element contains HTML content and you retrieve the content of that element using jquery s text() method, will the HTML tags be present in the returned value? 34. If you set an element s content using jquery s text() method and that content contains HTML tags, will the HTML tags be visible in the rendered output displayed in your browser s viewport? 35. If you want to insert existing content within a document before other existing content within a document, what jquery method might be best suited for this task? 36. What jquery method would you use if you want to completely remove an item and all of its children from your document? 37. Write jquery to add a dropdown list for states, with at least three items, after a textbox having ID= txtname. 38. Write jquery so that when image1 is clicked, it should be changed with image2. Multiple choice questions 1. Which of the following methods is used to set attribute(s)? a. html() b. text() c. setattr() d. attr() 2. Which of the following methods is used to get attributes? a. html() b. text() c. getattr() Ms. Sonal Bhakta Page 16

17 d. attr() 3. Which of the following methods is used to remove attribute(s)? a. html() b. text() c. attr() d. removeattr() 4. With the help of attr() method, you can set attribute for element(s). a. Only one b. At most one c. One or two d. One or more 5. What will be the ID of <li> after execution of below jquery if there s only one <li> as - <li>list</li>? $( li ).attr( id, function(){ return tmp +$(this).text(); }); a. tmptext b. tmplist c. tmplitext d. tmpli 6. Which of the following is not a method which is used to manipulate class names? a. hasclass() b. addclass() c. removeclass() d. All of above 7. Which of the following methods is used to retrieve HTML content? a. sethtml() b. gethtml() c. html() d. none of above 8. Which of the following methods is used to set HTML content? a. sethtml() b. gethtml() c. html() d. none of above 9. Which of the following methods is used to retrieve text content? a. settext() b. gettext() c. text() d. none of above 10. Which of the following methods is used to set text content? a. settext() b. gettext() c. text() d. none of above 11. Which of the following methods is used to remove content? a. text() b. remove() c. html() Ms. Sonal Bhakta Page 17

18 d. All of above 12. The html() method is similar to property. a. HTML b. Text c. innerhtml 13. The text() method is similar to property. a. HTML b. Text c. innertext 14. Using append(), you can. a. Add row(s) at desired position in a table b. Add row (s) at the end of a table c. Both of above 15. Using prepend(), you can. a. Add row(s) at desired position in a table b. Add row (s) at the beginning of a table c. Both of above 16. Which of the following method can be used to add row(s) at desired position in a table? a. before() b. after() c. both of above d. none of above 17. jquery s method replaces a selection with whatever HTML content that you specify. a. html() b. text() c. replacewith() Fill in the blanks 1. method is used to set attribute. 2. method is used to retrieve the attribute s value. 3. method is used for taking away attributes. 4. Multiple class names, in the same element, are separated by. 5. The method sets or gets the HTML content of one or more elements. 6. The method gets or sets the text content for one or more elements. 7. The method which allows append content is. 8. method allows append content. 9. method allows prepend content. 10. and methods let you modify a document by taking one selection of elements and inserting those elements beside another selection of elements. 11. The html() method is similar to property. 12. The text() method is similar to property. 13. jquery s method replaces a selection with whatever HTML content that you specify. State true/false Ms. Sonal Bhakta Page 18

19 1. Once you ve made a selection, accessing an attribute s value will provide you with the attribute value of the last element in the selection. 2. removeattr() takes the name of an attribute, then deletes that attribute from each selected element. 3. It is allowed to specify more than one class names for the same element. 4. If you specify multiple class names for the same element then class names are required to be separated by a comma. 5. The text() method sets or gets the HTML content of one or more elements. 6. The html() method gets or sets the text content for one or more elements. 7. The html() method sets or gets the HTML content of one or more elements. 8. The text() method gets or sets the text content for one or more elements. 9. The after() and before() methods let you place content beside other elements, similar to appending or prepending the content inside of those elements. 10. The after() and before() methods let you place content beside other elements, as opposed to appending or prepending the content inside of those elements. 11. append() lets you append content. 12. prepend() lets you prepend content. 13. insertafter() and insertbefore() methods let you modify a document by taking one selection of elements and inserting those elements beside another selection of elements. 14. The html() method is similar to the innertext property. 15. The text() method is similar to the innertext property. 16. The html() method is similar to the innerhtml property. 17. The text() method is similar to the innerhtml property. 18. The innertext property is similar to textcontent properties. 19. Removing content can also be done with jquery s text() and html() methods. 20. jquery s replacewith() method replaces a selection with whatever HTML content that you specify. 21. The replacewith() method can also be used for removing content. 22. If an element contains HTML content and you retrieve the content of that element using jquery s text() method, the HTML tags will be present in the returned value. UNIT: Events Long answer questions 1. Compare traditional event model with W3C event model. 2. Discuss this object. 3. Discuss event object. 4. Write an HTML code to create a Sign Up form of GMAIL account. Write jquery to provide validations on change event of elements. Short answer questions 1. If you assign more than one onclick event to the same element then what will happen in case of traditional event model? 2. When does an onfocus event of <input> element fire? 3. When does an onblur event of <input> element fire? 4. What will happen if we call preventdefault() method in click event of <a> element? 5. Which method would be used if you want to prevent default action from occurring? Multiple choice questions Ms. Sonal Bhakta Page 19

20 1. If you assign more than one onclick event to the same element then what will happen in case of traditional event model? a. only the first onclick event that you assigned is fired when you click on the element. b. only the last onclick event that you assigned is fired when you click on the element. c. the first and last onclick events that you assigned are fired when you click on the element. 2. The preventdefault() method is of object. a. this b. jquery c. event d. $ 3. Which of the followings is correct if you want to alert selected value of <select> element, whose ID is number whenever it is changed? a. $("#number").change( function() { alert($("#number").val()) ; }); b. $("#number").change( function() { alert($(this).val()) ; }); c. $("#number").change( function() { alert(this.value) ; }); d. All of above Fill in the blanks 1. The event model lets you assign as many events of the same type to the same element as you like. 2. To prevent the default action, you need to call the method of object. State true/false 1. The W3C event model lets you assign as many events of the same type to the same element as you like. 2. The traditional event model lets you assign as many events of the same type to the same element as you like. 3. Internet Explorer does not support the W3C event. 4. The preventdefault() method is of this object. UNIT: Effects Long answer questions 1. Compare show() and hide() methods. 2. Explain with example that how you can hide and show an element by setting CSS property. 3. Compare fading and sliding elements. 4. Compare hide(), fadeout() and slideup() methods. 5. Compare show(), fadein() and slidedown() methods. Short answer questions 1. What is the use of show() and hide() methods? 2. What CSS property is required to set if you want to hide an element? 3. List the methods provided by jquery for showing and hiding elements. Ms. Sonal Bhakta Page 20

21 4. What are the possible arguments that can be passed in show()? 5. What do you mean by sliding an element? 6. What do you mean by sliding up an element? 7. What do you mean by sliding down an element? 8. Which method is used for sliding up an element? 9. Which method is used for sliding down an element? 10. What is the use of slidedown() method? 11. What is the use of slideup()? 12. If you want to hide and show an element by toggling its height then which jquery method(s) will be used? 13. If you want to hide and show an element by toggling its CSS display property then which jquery method(s) will be used? 14. If you want to hide and show an element by toggling its opacity then which jquery method(s) will be used? 15. List the four possible arguments that you can pass to indicate the speed of the animation. 16. Why do we need to execute following statement before using animate() method for moving <div> element? $( div ).css( position, absolute ); 17. How can you hide an element without using hide(), fadeout(), or slideup()? 18. If you wish that <li> elements should be hidden when HTML document is loaded then which are the different ways to do the same? Multiple choice questions 1. Which of the following is a method used for showing hidden elements? a. fadein() b. slidedown() c. show() d. All of above 2. Which of the following is a method used for hiding elements? a. fadeout() b. slideup() c. hide() d. All of above 3. Which of the following is a method that cannot be used for showing hidden elements? a. fadein() b. slideup() c. show() d. slidedown() 4. Which of the following is a method that cannot be used for hiding elements? a. fadeout() b. slideup() c. hide() d. slidedown() 5. Which of the following method will hide elements by animating elements display property? a. hide() b. fadeout() c. slideup() d. slidedown() 6. Which of the following method will show elements by animating elements display property? a. fadein() b. slidedown() Ms. Sonal Bhakta Page 21

22 c. show() d. slidetoggle() 7. Which of the following method will hide elements by animating elements height property? a. hide() b. fadeout() c. slideup() d. slidedown() 8. Which of the following method will show elements by animating elements height property? a. fadein() b. slidedown() c. show() d. toggle() 9. Which of the following method will hide elements by animating elements opacity property? a. hide() b. fadeout() c. slideup() d. toggle() 10. Which of the following method will show elements by animating elements opacity property? a. fadein() b. slidedown() c. show() d. slidetoggle() 11. Which of the following is correct to hide first paragraph in first <div>? a. $( div:first p:first ).hide(); b. $( div:first p ).eq(0).hide(); c. Both (a) and (b) 12. How can an image be moved towards right by 100 pixels in 3 seconds? a. $( image ).animate(,left: +=100px -, 3000); b. $( img ).animate(,left= +=100px -, 3000); c. $( img ).animate(,left: +=100px -, 300); d. $( img ).animate(,left: +=100px -, 3000); 13. Which of the following is correct if you want to hide an image when it is clicked? a. $( img ).click(function(), $( img ).hide(); }); b. $( img ).click(function(), $(this).fadeout(); }); c. $( img ).click(function(), $(this).hide(); }); d. All of above Fill in the blanks 1. jquery can toggle the display of elements between hidden and displayed states using its and methods. 2. The three methods for showing and hiding elements are,, and. 3. hide() and show() methods simply make an object visible or invisible by toggling that element s CSS property. 4. fadein() and fadeout() methods make an element visible or invisible by animating element s Ms. Sonal Bhakta Page 22

23 property. 5. method hides an element by animating element s opacity property. 6. slideup() and slidedown() methods make an element visible or invisible by animating element s property. 7. method hides an element by animating element s height. State true/false 1. jquery can toggle the display of elements between hidden and displayed states. 2. In order to hide an element, you may set display property of that element to none. 3. In order to hide an element, you may set display property of that element to block. 4. In order to show an element, you may set display property of that element to none. 5. In order to show an element, you may set display property of that element to block. 6. It will be mandatory to change CSS position property of an element if you just want to change size of that element using animate(). 7. It will be mandatory to change CSS position property of an element if you want to move that element using animate(). 8. We can change position of static elements using animate() method. UNIT: AJAX Long answer questions 1. Explain that how you can send data along with a request. 2. Explain with example that how you can request data formatted in XML. 3. Can we request JSON formatted data using $.get() method? Explain with example in any case. 4. How the content will appear if you load a.json file in a <div> element? Give an example. 5. How the content will appear if you load a.txt file, which contains HTML elements, in a <div> element? Give an example. 6. Create a form with fields: first name, last name, contact. On click of submit button add posted data in a <div> element. 7. How would you provide extra data with a request using jquery s $.get() method? Explain with example. 8. How would you access a JSON object in a callback function provided to the $.getjson() method? Explain with example. 9. Given the following XML, how would you access the contents of the <state> element, assuming you used jquery s $.get() method to request the XML document? <?xml version= 1.0 encoding= UTF-8 standalone= yes?> <state>gujarat</state> Short answer questions 1. Which are the formats that can be used to transport data with an AJAX request? 2. What is AJAX? 3. Write advantage of AJAX? 4. Which are jquery s built-in methods for making AJAX requests? 5. List any two HTTP server to which your browser fires off a request when you navigate to a web page. 6. What is Cross-Site Scripting vulnerability 7. Which are the possible arguments of $.get() method? 8. Which are the possible arguments of $.post() method? 9. Which are the possible arguments of $.getjson() method? 10. If you wanted to load an HTML snippet into a selection of elements, what jquery method would you use? 11. Explain the use of load() method in brief. 12. Explain $.get() method in brief. 13. How can you create an array in JSON? Give example. Ms. Sonal Bhakta Page 23

24 14. Load example.txt in first <div> when a button with ID= btnload is clicked. 15. Which method is to process the form data? 16. What jquery method would you use if you wanted to get the value of every input element within a form? 17. What is the use of serialize() method? 18. What is the return type of serialize() method? 19. What does $( form :input ) selector select? 20. If you load a text file containing HTML elements then how will content appear in HTML file? Multiple choice questions 1. What does AJAX stand for? a. Asynchronous Java And XML b. Asynchronous JavaScript extension c. Asynchronous JavaScript And XML 2. What does JSON stand for? a. JavaScript Object Node b. JavaScript Objective Notation c. JavaScript Operating Node d. JavaScript Object Notation 3. What does XML stand for? a. extensible Markup Language b. extraneous Markup Language c. extensible Model Language d. extensible Modeling Language 4. Which of the following format is not used to transport data with an AJAX request? a. XML b. JSON c. HTML 5. Which of the following is not a parameter of $.get() method? a. URL b. Callback function c. File format 6. Which of the following is not a parameter of $.getjson() method? a. URL b. Callback function c. File format Fill in the blanks 1. The web works through a protocol called. 2. HTTP stands for. 3. Cross-Site Scripting Vulnerability is also known as. 4. method is used to load a file in HTML document. 5. is the technology that encompasses the ability to make arbitrary HTTP requests from JavaScript to obtain new data without the need for reloading a document. State true/false 1. You have to use XML at all in AJAX. 2. You can transmit JavaScript from the server and JavaScript will be evaluated in the client-side application. Ms. Sonal Bhakta Page 24

25 3. JSON is a subset of the syntax allowed for JavaScript Object Literals, and therefore a subset of JavaScript itself. 4. Cross-Site Scripting Vulnerability is also known as Cross-Site Scripting Theft. 5. loadtext() method is used to load text file in HTML document. 6. We must pass file extension in load() method to indicate which type of file we want to load. 7. We can load more than one file by calling load() only once. 8. We can load only one file at a time using load() method. Ms. Sonal Bhakta Page 25

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

B. V. Patel Institute of Business Management, Computer & Information Technology, UTU Bachelor of Computer Application (Sem - 6) 030010602 : Introduction to jquery Question Bank UNIT 1 : Introduction to jquery Short answer questions: 1. List at least four points that how jquery makes tasks