Shulou(Shulou.com)06/02 Report--

This article introduces the knowledge of "how jquery changes the background color of td". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

In jquery, you can use the css () method to change the background color of td cells, simply by using the css () method to add a background style to the td element, with the syntax "td object .css ('background',' color value');".

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

The method of changing the background color of td by jquery

1. Create a new html file, named test.html, to explain how jquery changes the background color of the cell. Within the test.html file, use the table tag to create a two-row and two-column table for testing.

In the test.html file, set the id of the table tag to ftable, which is used to get the table object below. In the test.html file, create a button using the button tag, bind the onclick click event to button, and execute the setTdBg () function when the button is clicked.

2, in the js tag, create the setTdBg () function, in the function, get the td cell object through id and element name, and use the css () method to set the background attribute, thus changing the background color of the cell.

Open the test.html file in the browser and click the button to see the effect of the implementation.

Use the table tag to create a table with two rows and two columns. In js, you change the background color of the cell by getting the td cell object and setting the background property using the css () method.

The css () method sets or returns one or more style properties of the selected element, or you can set the specified CSS property.

This is the end of the content of "how jquery changes the background color of td". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.