*Must use code attached and follow directions*Develop a jQuery plugin that provides table styles

In this exercise, you’ll create a jQuery plugin that provides styling for the header row and alternating rows of an HTML table using CSS classes. An HTML table with the CSS classes of the plugin applied to it looks like this:

 

1. Open the HTML and JavaScript files:

 

In the HTML file, note the script tags for the jQuery library and the plugin file (jquery.altrow.js).

1. In the jquery.altrow.js file, code a plugin that uses the getElementsByTagName method to get all of an element’s “tr” child elements. Then, it should apply a class named “header” to the header row, and classes named “even” and “odd” on an alternating basis to the rest of the rows. Note: you can check whether a row contains “th” elements to see if it’s a header row.
2. In the altrow.js file, add code to the onload event that calls the plugin for the table element. Run the application and see that the row styles are applied to the table.

Attachments:

• 1493168501-alt_row.zip