Tricks

Question 1

What is the .toggleClass() method?

Answer 1

• Is a method in jQuery used to add or remove a class from a given selector.

Question 2

What is the .next() method?

Answer 2

• Is a method in jQuery used to return the next sibling from a given selector.

Question 3

What is the .attr() method?

Answer 3

• Is a method in jQuery used to return the value of an attribute or to set the value of an attribute.

Question 4

What is .each() method?

Answer 4

• Iterate over a jQuery object, executing a function for each matched element.
• Example:
  $( “li” ).each(function() {
  $( this ).addClass( “foo” );
  });

Question 5

Why to use jQuery?

Answer 5

• Fast selection
• Cross-Browser Compatibility
• Easy DOM Manipulation

Question 6

How to run the JavaScripts correctly?

Answer 6

• A function passed into the jQuery object runs on document.ready, which occurs after the DOM has been loaded.
• External JavaScript files in the of a document are generally downloaded earlier than JavaScript files included in the . JavaScript files are also executed immediately, means they can’t access any DOM elements.
• You could include your script at the bottom of the , mean that the download could potentially start later , slowing down the initial page render.
• Correct way is to pass your function into the jQuery object, like so:
  function someFunction() {
  // Do interesting things
  }
  $(someFunction)

Question 7

What is the .css method?

Answer 7

• Get the value of a computed style property for the first element in the set of matched elements or set one or more CSS properties for every matched element.

Question 8

What is the .text method?

Answer 8

• Get the combined text contents of each element in the set of matched elements, including their descendants, or set the text contents of the matched elements.
• Is used to change the inside of tags, not to add tags.

Question 9

What is the .remove method?

Answer 9

• Remove the set of matched elements from the DOM.
• Example:
  <div>
  <div>Hello</div>
  <div>Goodbye</div>
  </div>

  ///Code
  $( ".hello" ).remove();

  ///Result
  <div class="container">
  <div class="goodbye">Goodbye</div>
  </div>

Question 10

What are the methods .insertBefore and .insertAfter?

Answer 10

• They insert elements in the DOM that are siblings to the selected.