January 05, 2025

Deleting HTML elements by using empty() and remove() jQuery methods

In jQuery, if we required to delete elements, we can use empty() or remove() methods. There is difference between these two methods. empty() method delete all the elements it contains and selector remains as undeleted (empty) and remove() method delete selector element itself along with all the child elements.

Read more... 

January 05, 2025

Replace an element with using replaceWith method in jQuery

In jQuery, we can use the replaceWith() method to replace the selected elements with new content (text or html tags). It completely overwrite the existing element.

Read more... 

January 05, 2025

How to add html after or before an element using jQuery

In jQuery, we can use the after() and before() methods to insert content (text or html tags) outside of the selected elements. With using before method we can inserts content before (outside) the selected tags and with using after method we can inserts content after (outside) the selected tags.

Read more... 

January 05, 2025

jQuery append and prepend methods

In jQuery append() and prepend() methods are used to insert content (text or html tags) into selected HTML tags. With using prepend method we can inserts content at first place of the selected tags and with using append method we can inserts content at the end of the selected tags.

Read more... 

January 04, 2025

How to set and get HTML tag content using jQuery

We can use jQuery to set and get the content of HTML tags using methods like .html() and .text(). With html() function we can retrieve or set the HTML content (including inner HTML tags) of the selected HTML tag. With text() function we can retrieve or set the plain text content (without HTML tags) of the selected HTML tag.

Read more... 

January 04, 2025

How to change and retrieve HTML form values using jQuery

We can use jQuery to change and retrieve HTML form element values. There is val() method available for this purpose. The val() function allows us to change and retrieve any HTML form elements' value in very easy way.

Read more... 

January 04, 2025

How to change HTML attributes using jQuery

We can use jQuery to change HTML attributes of an HTML elements. There is attr method available for this purpose. The attr function allows us to change any HTML attribute of a selected element.

Read more... 

January 04, 2025

How to change css properties using jQuery

We can use jQuery to change CSS design & properties of an HTML elements. There is css method available for this purpose. The css function allows us to change any css property of a selected element.

Read more... 

December 25, 2024

How to use two jQuery version without conflict

Sometimes, it becomes necessary to use two different versions of jQuery in a project. However, this can lead to conflicts between the versions. To prevent such issues, we can create separate jQuery objects for each version, allowing them to work independently without interference.

Read more... 

December 14, 2024

Add and remove css class using jQuery

We can use jQuery to add or remove CSS classes from elements. There are several methods available for this purpose. The first method is the addClass/removeClass functions, which allows us to add/remove a CSS class to a selected element. The second method is toggleClass, which can both add and remove a CSS class from a selector, depending on its current state.

Read more...