How to realize interlaced discoloration in jquery

This article editor for you detailed introduction of "jquery how to achieve interlaced discoloration", the content is detailed, the steps are clear, the details are handled properly, I hope this "jquery how to achieve interlaced discoloration" article can help you solve your doubts, the following follows the editor's ideas slowly in depth, together to learn new knowledge.

Implementation method: 1, use "$(" element: nth-of-type (keyword) ") to select even and odd row elements respectively, set" even "optional even elements," odd "optional odd elements; 2, use" css ("color attribute", "color value") "to add different color styles to even and odd line elements respectively.

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

Interlacing discoloration with jquery

Implementation method:

Use the: nth-of-type () selector to select even and odd rows

Use css () to add styles to even and odd lines respectively to set different colors

Implementation example:

$(document) .ready (function () {$("button") .click (function () {$("tr:nth-of-type (even)") .css ("background", "red") ("tr:nth-of-type (odd)") .css ("background", "pink");});}) Commodity price T-shirt ¥100 cowboy coat ¥250 jeans library ¥150

Interlaced discoloration

Description:

The nth-of-type (n) selector selects all elements of the nth child element of a specific type of its parent element.

When used with the keywords even and odd, even and odd rows can be selected

Even selects each even-numbered child element.

Odd selects each odd child element.

After reading this, the article "how to achieve interlaced discoloration in jquery" has been introduced. If you want to master the knowledge of this article, you still need to practice and use it to understand it. If you want to know more about related articles, welcome to follow the industry information channel.