How jquery changes the background color of td

This article mainly explains "how jquery changes td background color", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let Xiaobian take you to learn "jquery how to change td background color"!

In jquery, you can change the td background color using the css() method by adding a background-color style to the td cell element and specifying a background color value using the syntax "$("td").css("background-color"," background color value ");".

This tutorial operates on Windows 7, jquery version 1.10.2, Dell G3 PC.

In jquery, the td background color can be changed using the css() method.

The css() method returns or sets one or more style properties of the matching element.

When used to style, there are two syntaxes:

//Set a single attribute style $(selector).css(attribute name, attribute value)//Set one or more attribute styles $(selector).css({attribute name: attribute value, attribute name: attribute value,...})

To change the td background color, you can use the first syntax format directly.

Examples:

$(document).ready(function() { $("button").click(function() { $("td").css("background-color","red"); }); }); commodity price t-shirt ￥100 denim jacket ￥250 Cowboy Warehouse ￥150

Change td background color

At this point, I believe everyone has a deeper understanding of "how jquery changes td background color", so let's actually operate it! Here is the website, more related content can enter the relevant channels for inquiry, pay attention to us, continue to learn!