Sturdy Codes

Software Engineering

[Sturdy Codes @Techniqqe]

Day 81 [#100DaysofCode]

.remove() - Removes matched elements from DOM tree.

.detach() - Same as .remove() but keeps a copy of them in memory.

.empty() - Removes child nodes and descendants from any elements in a matched set.

#JavaScript #jQuery #100Devs #DevOps #Programming

[Sturdy Codes @Techniqqe]

Day 80 [#100DaysofCode]

CUSTOM EFFECTS

.delay() - Delays execution of subsequent items in queue.

.stop() - Stops an animation if it is currently running.

.animate() - Creates custom animations.

#JavaScript #jQuery #100Devs #DevOps #Programming

[Sturdy Codes @Techniqqe]

Day 80 [#100DaysofCode]

SLIDING EFFECTS

.slideUp() - Hides selected elements with a sliding motion.

.slideDown() - Shows selected elements with a sliding motion.

.slideToggle() - Hides or shows selected elements with a sliding motion.

#JavaScript #jQuery #100Devs #DevOps

[Sturdy Codes @Techniqqe]

@SoriOner Nice, how do you like it?

[Sturdy Codes @Techniqqe]

Day 79 [#100DaysofCode]

BASIC EFFECTS

.show() - Display selected elements

.hide() - Hides selected elements

.toggle() - Toggles between showing and hiding selected elements.

#JavaScript #jQuery #100Devs #DevOps #Programming

[Sturdy Codes @Techniqqe]

.fadeToggle() - Hides or shows selected elements by changing their opacity.

#JavaScript #jQuery #100Devs #DevOps #Programming #100DaysOfCode

[Sturdy Codes @Techniqqe]

Day 79 [#100DaysofCode]

FADING EFFECTS

.fadeIn() - Fades in selected elements making them opaque.

.fadeOut() - Fades out selected elements making them transparent.

.fadeTo() - changes opacity of selected elements.

#JavaScript #jQuery #100Devs #DevOps #Programming

[Sturdy Codes @Techniqqe]

Day 78 [#100DaysofCode]

The .each() method allows you to perform one or more statements on each of the items in the selection of elements that is returned by a selector.

The .on() method is used to handle all events.

#JavaScript #jQuery #100Devs #DevOps #Programming

[Sturdy Codes @Techniqqe]

Day 77 [#100DaysofCode]

The .css() method lets you retrieve and set the values of CSS properties.

#JavaScript #jQuery #100Devs #DevOps

[Sturdy Codes @Techniqqe]

Day 76 [#100DaysofCode]

The .addClass() method adds a new value to the existing value of the class attribute.

The .removeClass() method removes a value from the class attribute, leaving any other class names within that attribute intact.

#JavaScript #jQuery #100Devs #DevOps

[Sturdy Codes @Techniqqe]

Day 76 [#100DaysofCode]

The .attr() method can get or set a specified attribute and its value.

The .removeAttr() method removes a specified attribute and its value.

#JavaScript #jQuery #100Devs #Programming #DevOps

[Sturdy Codes @Techniqqe]

Day 75 [#100DaysofCode]

The .prepend() method inserts content inside the selected elements, after the opening tag.

The .append() method inserts content inside the selected elements, before the closing tag.

#JavaScript #jQuery #100Devs #Programming #DevOps

[Sturdy Codes @Techniqqe]

Day 74 [#100DaysofCode]

The .before() method inserts content before the selected elements.

The .after() method inserts content after the selected elements.

#JavaScript #jQuery #100Devs #Programming #DevOps

[Sturdy Codes @Techniqqe]

Day 73 [#100DaysofCode]

The .replaceWith() method replaces every element in a matched set with new content. It also returns the replaced elements.

The .remove() method removes all of the elements in the matched set.

#JavaScript #jQuery #100Devs #Programming #DevOps

[Sturdy Codes @Techniqqe]

Day 72 [#100DaysofCode]

When .text() method is used to retrieve the text from a
jQuery selection, it returns the content from every
element in the jQuery selection, along with the text from
any descendants.

#JavaScript #jQuery #100Devs #Programming

[Sturdy Codes @Techniqqe]

Day 72 [#100DaysofCode]

When .html() method is used to retrieve information
from a jQuery selection, it retrieves only the HTML
inside the first element in the matched set, along with
any of its descendants.

#JavaScript #jQuery #100Devs #Programming

[Sturdy Codes @Techniqqe]

Day 71 [#100DaysofCode]

Single Element

If a selector returns one element, the jQuery object contains a reference to just one element node.

Multiple Elements

If a selector returns several elements, the jQuery object contains references to each element.

#JavaScript #jQuery

[Sturdy Codes @Techniqqe]

Day 70 [#100DaysofCode]

jQuery has methods that offer simpler ways to perform common tasks, such as:

• Loop through elements
• Add / remove elements from the DOM tree
• Handle events
• Fade elements into / out of view
• Handle Ajax requests

#JavaScript #jQuery #100Devs

[Sturdy Codes @Techniqqe]

@dattali2020 Yes it is still relevant because jQuery is used over 70% of the time by most popular websites today. You may not have to use it in some cases but it is still good to know.

[Sturdy Codes @Techniqqe]

Day 69 [#100DaysofCode]

jQuery selectors perform a similar task to traditional DOM queries.

You can store the jQuery object in a variable.

You can use jQuery methods and properties to manipulate the DOM nodes that you select.

#JavaScript #Devcommunity #100Devs #Programming