jQuery中event.target和this的区别？表格怎么设置点击哪一行有颜色？

jQuery中event.target和this的区别？

this和event.target的区别：

1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远指向触发事件的DOM元素本身；

2.this和event.target都是dom对象，使用jQuey中的方法可以将他们转换为jquery对象：$(this)和$(event.target).假设htm是<div><span></span></div>点击span的时候改变span的颜色，使用this的话点击span因为事件冒泡机制，div也会改变颜色，但是使用event.target不会。

表格怎么设置点击哪一行有颜色？

在表格中设置点击某一行后该行变色，可以通过以下步骤实现：

在CSS中定义选中行的样式，例如：

tr.selected {

  background-color: #ccc;

}

使用JavaScript或jQuery为表格的每一行添加点击事件，当点击某一行时，为该行添加选中样式，并移除其他行的选中样式。例如：

// 使用JavaScript实现

var rows = document.getElementsByTagName("tr");

for (var i = 0; i < rows.length; i++) {

  rows[i].onclick = function() {

    // 移除其他行的选中样式

    for (var j = 0; j < rows.length; j++) {

      rows[j].classList.remove("selected");

    }

    // 为当前行添加选中样式

    this.classList.add("selected");

  }

}

// 使用jQuery实现

$("tr").click(function() {

  // 移除其他行的选中样式

  $("tr").removeClass("selected");

  // 为当前行添加选中样式

  $(this).addClass("selected");

});

这样，当用户点击某一行时，该行就会变成选中状态，其他行则恢复为默认状态。

1.选中您要设置的表格区域。

2.在“开始”选项卡中，找到“字体”组。

3. 点击“填充颜色”按钮，选择您喜欢的颜色。

4. 在表格中单击要变色的行或列，它们将变成您选择的颜色。

1.

首先,选中您想要设置的表格区域。可以通过鼠标拖动或者按住Ctrl键选择多个区域。

2.

在选中的表格区域中,单击鼠标右键,在弹出的菜单中选择“格式化单元格”。

3.

在弹出的“格式化单元格”对话框中,选择“填充”选项卡。

4.

在“填充”选项卡中,选择您想要的颜色,然后单击“确定”按钮。

5.

现在,选中的表格区域中,每点击一行,该行就会变成您所设置的颜色。