How jquery hides a row

This article mainly shows you "how jquery hides a line". The content is simple and clear. I hope it can help you solve your doubts. Let me lead you to study and learn this article "how to hide a line in jquery".

Jquery method to hide a row: 1, use the eq () method to get the specified row element object, the syntax is "element object .eq (index of row elements)"; 2, use the hide () method to hide the specified row element object, the syntax is "row element object .hide (speed,callback)".

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

In jquery, to hide a row, you need to use the hide () method, or hide the selected element if it is already displayed.

The syntax is:

$(selector) .hide (speed,callback)

Where:

Examples are as follows:

$(document) .ready (function () {$(".btn1")) .click (function () {$("tr"). Eq (1). Hide ();}); Month Savings January $100 Hide

Output result:

After clicking the button:

The above is all the content of the article "how to hide a Line in jquery". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!