Hide field in jquery

The ‘aria-hidden’ attribute plays an important role in context of web-accessibility.

Jquery show label

Jquery prop hidden

Write jquery syntax to hide a division after it is clicked

Jquery hide show default hidden

How to show hidden input field in jquery

It is a simple way to make web content/applications more accessible to people with disabilities. This attribute is used to indicate that the element and all of its descendants are not visible or perceivable to any user as per the implementation.

Now in your mind may a question arrived that what is the difference between ‘hidden’ and ‘aria-hidden’ attributes?
The main aspect of making this solution is to make content readable only when content is visible on screen otherwise should remain inaccessible.

Here, we’ll be using attr() method to do the same which is used for setting/getting an element’s attribute.
Syntax: 
 

Getter: $([selector]).attr('attribute'); Setter: $([selector]).attr('attribute', 'value');

Below example illustrate the above approach:
Example: 
 

Output: