为什么jQuery在Angular 1和Angular 2中不起作用？

Question

jQuery is not working in Angular 1 and Angular 2. I am just trying to put simple jQuery function hide and show. I am using Angular 1.5 and jQuery 3.2

<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript" src="jquery.js"></script>

$('documment').ready(function(){
   $('#mydiv').hide();
   $('#mydiv1').click(function(){
       $('#mydiv').show();
   });
});

Answer 1

You had a syntax error, you were missing a ' character in $('#mydiv1)

However if you are getting an error like,

ReferenceError: $ is not defined

Make sure you have included Angular and jQuery in a proper order.

Like below,

<!-- Add jQuery first -->
<script type="text/javascript" src="jquery.js"></script>

<!-- And then AngularJS -->
<script type="text/javascript" src="angularjs.js"></script>

Answer 2

Use this:

$(document).ready(function() {
    $('#mydiv').hide();
    $('#mydiv1').click(function(){
        // Empty.
    });
});