【Layui中使用】使用JQuery监听鼠标mouseenter、mouseleave 事件

JQuery监听鼠标移入、移出事件

鼠标移入颜色变蓝色，移出变红色

$('td .laytable-cell-1-0-0').hover(inFunction, outFunction)

// 必需。规定 mouseenter 事件发生时运行的函数。
            function inFunction() {
                var id = JSON.stringify($('.layui-table-body').find("table").find("tbody").find(".layui-table-hover").data('index'));// 获取当前行的索引id
                $('td .laytable-cell-1-0-0').each(function (index) {
                    if (index == id) {
                        $(this).css({
                            'color': '#fb0202',
                        })
                    }
                })
            }

            // 可选。规定 mouseleave 事件发生时运行的函数。
            function outFunction() {
                var id= JSON.stringify($('.layui-table-body').find("table").find("tbody").find(".layui-table-hover").data('index')); // 获取当前行的索引id
                $('td .laytable-cell-1-0-0').each(function (index) {
                    if (index == id) {
                        $(this).css({
                            'color': '#0398be',
                        })
                    }
                })
            }