JavaScript and the DOM (jQuery)

Question 1

How would you select an HTML class in a javascript file? (JS Code)

Answer 1

Need to put answer

Question 2

How would you select an HTML element with jQuery?

Answer 2

$(‘.skillset’);

Question 3

With the help of jQuery how can we make a cool effect where when the website is loaded with a fade in effect?

Answer 3

Use an element which surrounds all of the elements you wish to put the effect on, like so:
$(‘.projects’).hide();
$(‘.skillset’).hide();
$(‘skillset’).fadeIn(1000);

Question 4

How can make it, so when a button is clicked on the webpage then something happens (EX. Recent Projects is clicked, it changes colors and reveals the projects)?

Answer 4

$(‘.projects-button’).on(‘click’, function (){


$(this).toggleClass(‘active’);
$(this)


});

Question 5

If I wanted the text on an element (button) to change when clicked on, how could I add this cool effect?

Answer 5

$(‘projects-button’).on(‘click’, function() {


$(this).toggleClass(‘toggleClass’);
  $(this).text(‘Projects Viewed’);
  $(this).next().slideToggle(400).
});