angular.js - angular中加jquery,选择器使用不了

Question

雷雷

Answer 1

在引入AngularJS之前引入jQuery，AngularJS就会使用jQuery代替自带的jqLite。
详见AngularJS文档

If jQuery is available, angular.element is an alias for the jQuery function. If jQuery is not available, angular.element delegates to Angular's built-in subset of jQuery, called "jQuery lite" or jqLite.

To use jQuery, simply ensure it is loaded before the angular.js file. You can also use the ngJq directive to specify that jqlite should be used over jQuery, or to use a specific version of jQuery if multiple versions exist on the page.

放在Angular控制器里的代码 不需要包含在$(document).ready()的回调函数里。
当控制器代码被执行时，文档的ready事件早就已经发生过了。

Answer 2

在Angular中使用jQuery时，因为同时用到了"$"符号，所以需要将$委托给jQuery使用

$(document).ready(function($){
    $(".team").hover(function(){$(".shadow").css("display","block");console.log("1")},
    function(){$(".shadow").css("display","none");console.log("0")});
 
}(jQuery));