Javascript 角形jqlite儿童秀

我试图用jqlite来展示一些元素，但目前我在这方面遇到了一些问题 childs在鼠标结束时显示内容。 我将把我尝试的代码和原始代码放在jquery中

  <li ng-mouseover="ProfileIn()" ng-mouseleave="ProfileOut()">
        <div class="face-container" id="carles" >
            <div>
                   <p>This is a description about the employee, and fact about something"</p>
            </div>
        </div>

</li>

我尝试使用jqlite的代码不起作用

    $scope.ProfileIn = function () {
angular.element(this).children('div').show;

    }
    $scope.ProfileOut = function () {

        angular.element(this).children("div").hide();
    }

谢谢

从

children（）-不支持选择器

因此，代码中的这一行（以下）将不起作用，因为

children

函数不支持选择器

$(this).children("div").show();

您只能像这样使用子对象：

$(this).children();

由于

.children（）

处理直接/直接子代，因此它可能会执行您想要的操作（除非您混合使用其他直接子代元素）

如果您需要高级选择器或其他jQuery函数，您完全可以将jQuery与Angular一起使用。从：

Angular是否使用jQuery库

是的，Angular可以使用jQuery，前提是当 应用程序正在引导。如果jQuery不存在于您的 脚本路径，Angular返回到它自己的 我们称之为jQLite的jQuery的子集

Angular 1.3仅支持jQuery 2.1或更高版本。jquery1.7及更新版本 可以正确使用Angular，但我们不能保证

因此-请注意，您必须从

children（）-不支持选择器

因此，代码中的这一行（以下）将不起作用，因为

children

函数不支持选择器

$(this).children("div").show();

您只能像这样使用子对象：

$(this).children();

由于

.children（）

处理直接/直接子代，因此它可能会执行您想要的操作（除非您混合使用其他直接子代元素）

如果您需要高级选择器或其他jQuery函数，您完全可以将jQuery与Angular一起使用。从：

Angular是否使用jQuery库

是的，Angular可以使用jQuery，前提是当 应用程序正在引导。如果jQuery不存在于您的 脚本路径，Angular返回到它自己的 我们称之为jQLite的jQuery的子集

Angular 1.3仅支持jQuery 2.1或更高版本。jquery1.7及更新版本 可以正确使用Angular，但我们不能保证

---

因此-请注意，您必须使用jQuery 2.1或更高版本

我认为仅用于显示/隐藏子元素的

ng mouseover/ng mouseleave

对于性能来说太重（因为它们调用了大量的$digest（）循环）。更合适的是旧的好css伪类

：hover

[悬停示例]{
边框：1个点；
}
[悬停示例]>div{
显示：无；
}
[悬停示例]：悬停>div{
显示：块；
}

这是对员工的描述，以及一些事实“

在我看来，仅为显示/隐藏子元素使用

ng mouseover/ng mouseleave

对性能来说太重了（因为它们调用了大量的$digest（）循环）。更合适的是旧的好css伪类

：hover

[悬停示例]{
边框：1个点；
}
[悬停示例]>div{
显示：无；
}
[悬停示例]：悬停>div{
显示：块；
}

这是对员工的描述，以及一些事实“

我可以用angular？和jQuery？来完成这项工作？。我只想使用Angular。我可以使用Angular？而不使用jQuery？。我只想使用角度。