By Vishal Basumatary in javascript — Mar 24, 2023

jQuery Properties

If you're familiar with jQuery, then you know that it's a powerful library that makes it easy to manipulate HTML elements, traverse the DOM, and perform many other tasks. One of the key features of jQuery is its ability to manipulate the properties of HTML elements. You can use jQuery to get and set many different properties, including:

class - the class attribute of an element
id - the id attribute of an element
value - the value of an input element
src - the source of an image or video element
href - the href attribute of a link element
width - the width of an element
height - the height of an element
innerHTML - the HTML content of an element

Getting and Setting Properties with jQuery

To get a property value using jQuery, you can use the .prop() method. For example:

$('#my-input').prop('value'); // returns the value of the input element with ID 'my-input'

To set a property value using jQuery, you can also use the .prop() method. For example:

$('#my-input').prop('value', 'Hello, world!'); // sets the value of the input element with ID 'my-input' to 'Hello, world!'

Alternatively, you can use the .attr() method to get or set an attribute value:

$('#my-link').attr('href'); // returns the href attribute of the link element with ID 'my-link'

$('#my-link').attr('href', 'http://www.example.com/'); // sets the href attribute of the link element with ID 'my-link' to 'http://www.example.com/'

Conclusion

jQuery provides a simple and powerful way to manipulate the properties of HTML elements. Whether you need to get or set an element's class, id, value, or any other property, jQuery makes it easy to do so with just a few lines of code.