Javascript <；td>；事件中的焦点。addclass

我有一个数据表，它的列如下

这是我的HTML

<td class="orders-options column-invoice">
    <strong>
        <a class="row-title" href title="View detail">78060</a>
    </strong>
    <div class="locked-info"></div>
    <div class="row-actions">
        <span class="edit">Edit</span>
        <span class="view">View</span>
    </div>
</td>

然而，这似乎对html没有任何影响。

---

另外，我很好奇这个函数是否只会在聚焦的类中更改类，还是在其他所有未聚焦的类中更改类

您可以使用

mouseover

和

mouseout

或简单的

悬停

$("td.orders-options").mouseenter( function() {
     $(this).find(".row-actions").addClass('visible'); 
}).mouseleave( function() {
     $(this).find(".row-actions").removeClass('visible'); 
});

在css中切换

显示

属性，而不是可见性。因为

visibility:hidden

会占用空间，尽管它是隐藏的

在

悬停

方面，如下所示：

$("td.orders-options").hover( function() {
     $(this).find(".row-actions").addClass('visible'); 
} ,function() {
     $(this).find(".row-actions").removeClass('visible'); 
});

更新：添加演示

$（“td.orders选项”）.hover（函数（）{
控制台日志（“Rias”）；
$（this.find（“.row actions”）.addClass（'visible'）；
}，函数（）{
$（this.find（“.row actions”）.removeClass（'visible'）；
});
.row-actions.visible{
显示：块；
}
.行操作{
显示：无；
}



编辑
看法
您可以使用
mouseover
和
mouseout
或简单的
悬停

$("td.orders-options").mouseenter( function() {
     $(this).find(".row-actions").addClass('visible'); 
}).mouseleave( function() {
     $(this).find(".row-actions").removeClass('visible'); 
});

在css中切换
显示
属性，而不是可见性。因为
visibility:hidden
会占用空间，尽管它是隐藏的

在
悬停
方面，如下所示：

$("td.orders-options").hover( function() {
     $(this).find(".row-actions").addClass('visible'); 
} ,function() {
     $(this).find(".row-actions").removeClass('visible'); 
});

更新：添加演示


$（“td.orders选项”）.hover（函数（）{
控制台日志（“Rias”）；
$（this.find（“.row actions”）.addClass（'visible'）；
}，函数（）{
$（this.find（“.row actions”）.removeClass（'visible'）；
});
.row-actions.visible{
显示：块；
}
.行操作{
显示：无；
}



编辑
看法
您可以使用
mouseover
和
mouseout
或简单的
悬停

$("td.orders-options").mouseenter( function() {
     $(this).find(".row-actions").addClass('visible'); 
}).mouseleave( function() {
     $(this).find(".row-actions").removeClass('visible'); 
});

在css中切换
显示
属性，而不是可见性。因为
visibility:hidden
会占用空间，尽管它是隐藏的

在
悬停
方面，如下所示：

$("td.orders-options").hover( function() {
     $(this).find(".row-actions").addClass('visible'); 
} ,function() {
     $(this).find(".row-actions").removeClass('visible'); 
});

更新：添加演示


$（“td.orders选项”）.hover（函数（）{
控制台日志（“Rias”）；
$（this.find（“.row actions”）.addClass（'visible'）；
}，函数（）{
$（this.find（“.row actions”）.removeClass（'visible'）；
});
.row-actions.visible{
显示：块；
}
.行操作{
显示：无；
}



编辑
看法
您可以使用
mouseover
和
mouseout
或简单的
悬停

$("td.orders-options").mouseenter( function() {
     $(this).find(".row-actions").addClass('visible'); 
}).mouseleave( function() {
     $(this).find(".row-actions").removeClass('visible'); 
});

在css中切换
显示
属性，而不是可见性。因为
visibility:hidden
会占用空间，尽管它是隐藏的

在
悬停
方面，如下所示：

$("td.orders-options").hover( function() {
     $(this).find(".row-actions").addClass('visible'); 
} ,function() {
     $(this).find(".row-actions").removeClass('visible'); 
});

更新：添加演示


$（“td.orders选项”）.hover（函数（）{
控制台日志（“Rias”）；
$（this.find（“.row actions”）.addClass（'visible'）；
}，函数（）{
$（this.find（“.row actions”）.removeClass（'visible'）；
});
.row-actions.visible{
显示：块；
}
.行操作{
显示：无；
}



编辑
看法
您应该使用
.hover（）
.hover（）
方法指定鼠标指针悬停在选定元素上时要运行的两个函数：

$("td.orders-options").hover(function(){
  $(this).find(".row-actions").addClass('visible'); 
},function(){
  $(this).find(".row-actions").removeClass('visible');
});

您应该使用
.hover（）
.hover（）
方法指定鼠标指针悬停在选定元素上时要运行的两个函数：

$("td.orders-options").hover(function(){
  $(this).find(".row-actions").addClass('visible'); 
},function(){
  $(this).find(".row-actions").removeClass('visible');
});

您应该使用
.hover（）
.hover（）
方法指定鼠标指针悬停在选定元素上时要运行的两个函数：

$("td.orders-options").hover(function(){
  $(this).find(".row-actions").addClass('visible'); 
},function(){
  $(this).find(".row-actions").removeClass('visible');
});

您应该使用
.hover（）
.hover（）
方法指定鼠标指针悬停在选定元素上时要运行的两个函数：

$("td.orders-options").hover(function(){
  $(this).find(".row-actions").addClass('visible'); 
},function(){
  $(this).find(".row-actions").removeClass('visible');
});

使用toggelclass轻松实现您的目标

$("td.orders-options").hover( function() {
     $(this).find(".row-actions").toggleClass('visible'); 
});

使用toggelclass轻松实现您的目标

$("td.orders-options").hover( function() {
     $(this).find(".row-actions").toggleClass('visible'); 
});

使用toggelclass轻松实现您的目标

$("td.orders-options").hover( function() {
     $(this).find(".row-actions").toggleClass('visible'); 
});

使用toggelclass轻松实现您的目标

$("td.orders-options").hover( function() {
     $(this).find(".row-actions").toggleClass('visible'); 
});

它应该是mouseover和mouseoutIt应该是mouseover和mouseoutIt应该是mouseover和mouseoutIt应该是mouseover和mouseoutIt谢谢你的详细解释。谢谢你的详细解释。谢谢你的详细解释。谢谢你的详细解释。