.text()
Gets or sets the text content of the selected elements.
var h1 = $("header h1").text(); $(".text-placeholder").html(h1);
.click()
Binds a function to the click event of the selected elements, allowing you to define actions when the user clicks on them.
.hide()
Hides the selected elements, making them not visible on the webpage.
.show()
Displays the hidden elements that were previously hidden using the `.hide()` method.
.toggle()
Toggles between showing and hiding the selected elements.
.slideDown()
Displays or reveals the selected elements with a sliding-down motion.
.slideUp()
Hides the selected elements with a sliding-up motion.
.slideToggle()
Toggles between sliding down and sliding up for the selected elements.
.fadeIn()
Fades in the selected elements, making them gradually visible.
.fadeOut()
Fades out the selected elements, gradually making them less visible.
.addClass()
Adds one or more classes to the selected elements.
.change-bg-color changes the background color
.before()
Inserts content or elements before the selected elements.
.after()
Inserts content or elements after the selected elements.
.append()
Inserts content or elements at the end of the selected elements.
It is currently targeted on this container
$(".append").append
.html()
Gets or sets the HTML content of the selected elements.
It is currently targeted on the h2 of this container
$(".html h2").html
.attr()
Gets or sets attributes of the selected elements.
.val()
Gets or sets the value of form elements.