---
title: "how to hide html controls using jQuery"  
description: "how to hide html controls using jQuery"  
author: "Anonymous User"  
published: 2018-06-18  
updated: 2018-06-18  
canonical: https://www.mindstick.com/forum/34518/how-to-hide-html-controls-using-jquery  
category: "jquery"  
tags: ["jquery"]  
reading_time: 1 minute  

---

# how to hide html controls using jQuery

how to hide [html](https://www.mindstick.com/articles/1530/design-a-simple-stylish-calculator-using-html-css-and-javascript) [controls using jQuery](https://www.mindstick.com/forum/34519/how-to-show-html-controls-using-jquery)

## Replies

### Reply by Prakash nidhi Verma

Hide elements for Jquery:

Hide function using by two types :

1.hide() - Using the speed parameter

2.hide() - Using the callback parameter

Syntax --// Hide all <X> elements :

```
$("button").click(function(){
    $("X").hide();
});
```

you can use ready and click function with using CSS:

Example :

```
$(document).ready(function () {
           $("#btn_Add").click(function () {
               $("#TextBox2").css({ "background-color": "your choice", "font-size": "100%" });
               $("#TextBox1").css('visibility', 'hidden');
           });
       });
```

I hope, It will useful for you .

Happy Coding :)

\


---

Original Source: https://www.mindstick.com/forum/34518/how-to-hide-html-controls-using-jquery

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.