Javascript 使用jQUery设置HTML表格标题样式

我有一张桌子如下。我只需要给第一个标题栏加上背景色（黄色）。此外，标题中的所有文本颜色都应为蓝色（对于两列）。使用jQuery实现它的方法有哪些

注意：我正在尝试学习jQuery。因此，解决方案应该使用jQuery

   <table id = "myTable">
        <thead>
            <tr>
                <th>
                     <a href="http://www.Lijo.com">Name</a>
                </th>
                <th>
                    Address
                </th>
            </tr>
        </thead>
        <tr>
            <td>
                Lijo
            </td>
            <td>
                India
            </td>
        </tr>
    </table>

地址
利霍
印度

Hiya演示版（更新）（旧版=>）

此处为蓝色：另一个更新版本，如下注释：

下面应该可以做到

这可能是一个很好的游戏场地：

jquery代码

$(function(){
  // Change first column background color.

  $("table thead tr th:first-child").css("background-color","#ff0000");
});

​

html

<table id = "myTable">
        <thead>
            <tr>
                <th>
                    Name
                </th>
                <th>
                    Address
                </th>
            </tr>
        </thead>
        <tr>
            <td>
                Lijo
            </td>
            <td>
                India
            </td>
        </tr>
    </table>
​

名称
地址
利霍
印度
​

Hiya演示版（更新）（旧版=>）

此处为蓝色：另一个更新版本，如下注释：

下面应该可以做到

这可能是一个很好的游戏场地：

jquery代码

$(function(){
  // Change first column background color.

  $("table thead tr th:first-child").css("background-color","#ff0000");
});

​

html

<table id = "myTable">
        <thead>
            <tr>
                <th>
                    Name
                </th>
                <th>
                    Address
                </th>
            </tr>
        </thead>
        <tr>
            <td>
                Lijo
            </td>
            <td>
                India
            </td>
        </tr>
    </table>
​

名称
地址
利霍
印度
​

您可以选择第一个标题列，如下所示：

var firstColumnHeader = $('#myTable thead th:first-child');

然后您可以使用

css

方法更新背景颜色，如下所示：

firstColumnHeader.css('background', '#FCD116');

---

这是一个示例。

您可以选择第一个标题列，如下所示：

var firstColumnHeader = $('#myTable thead th:first-child');

然后您可以使用

css

方法更新背景颜色，如下所示：

firstColumnHeader.css('background', '#FCD116');

---

这是一个演示。

这是第一个标题，类名应该在其中完成所有样式设置。 选择器获取#mytable中的所有“th”，并使用等式（0）获取第一个th并将类添加到其中

$("#myTable th").eq(0).addClass("ClassName")

这适用于类名2应该在其中进行样式设置的所有标头

$("#myTable th").addClass("ClassName2")

---

这是第一个标题，类名应该在其中完成所有样式设置。 选择器获取#mytable中的所有“th”，并使用等式（0）获取第一个th并将类添加到其中

$("#myTable th").eq(0).addClass("ClassName")

这适用于类名2应该在其中进行样式设置的所有标头

$("#myTable th").addClass("ClassName2")

您也可以在一行中实现相同的功能：

$("#myTable th")
    .css({"color": "blue"})
    .filter(":first")
    .css({"background-color": "yellow"});​

您也可以在一行中实现相同的功能：

$("#myTable th")
    .css({"color": "blue"})
    .filter(":first")
    .css({"background-color": "yellow"});​

---

黄色应仅显示在第一列。我们怎么做？谢谢…如果我有一个超链接被涂成红色，我该怎么办？酷酷，您希望第一列永久着色，或者仅当鼠标悬停时才着色？酷像这样：？不要忘记接受答案：）黄色应该只出现在第一列。我们怎么做？谢谢…如果我有一个超链接被涂成红色，我该怎么办？酷酷，您希望第一列永久着色，或者仅当鼠标悬停时才着色？酷像这样：？不要忘记接受答案：）

$（“#myTable th a”）.css（{“color”：“red”}）

$（“#myTable th a”）.css（{“color”：“red”}）

。