How to hide th elements in jquery
Today, the editor will share with you the relevant knowledge points about how to hide th elements in jquery. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article. Let's take a look at it.
Method: 1, with "$(" th "). Hide ()", by adding display style to hide; 2, with "$(" th "). FadeOut ()" or "$(" th "). FadeTo (millisecond, 0)", by modifying the transparency to hide; 3, with "$(" th "). SlideUp ()".
The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.
Tags define the header cells in the HTML table.
Example:
Commodity price T-shirt ¥100 cowboy coat ¥250 cowboy library ¥150
Then use jquery to hide the th element
1. Use hide ()
The hide () method hides the selected element (by adding a display:none style to the element).
$(document) .ready (function () {$("button") .click (function () {$("th"). Hide ();})
2. Use fadeOut ()
The fadeOut () method gradually changes the opacity of the selected element from visible hiding (fading effect).
$(document) .ready (function () {$("button") .click (function () {$("th"). FadeOut ();})
3. Use fadeTo ()
The fadeTo () method gradually changes the opacity of the selected element to the specified value (fade effect).
Just set the final opacity to 0.
$(document) .ready (function () {$("button") .click (function () {$("th"). FadeTo (1000 button 0);})
4. Use slideUp ()
The slideUp () method hides the selected element in a sliding manner.
$(document) .ready (function () {$("button") .click (function () {$("th"). SlideUp ();})
These are all the contents of this article entitled "how to hide th elements in jquery". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.
