angular.js - angular中加jquery,選擇器使用不了

Question

{代碼...}

高洛峰 · Answer

在引入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
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 uses a specify that jqlite page .

放在Angular控制器裡的程式碼不需要包含在$(document).ready()的回呼函數裡。

當控制器程式碼被執行時，文檔的ready事件早就已經發生過了。

滿天的星座 · Answer

在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));