How can I use AngularJS with jquery?

You should know that Angular contains a smaller version of jQuery called "JQuery light" which provides some of jQuery functionality such as the event system. Usually it is recommended to make use of jQuery inside of Angular Directives which are ways of registering behavior on DOM Elements.

You can just add jquery.js to your index.html and access $ anywhere. However, Angular.js takes a different approach to manipulating the DOM than jQuery does. Usually you replace you jQuery DOM manipulation by some directive in the HTML. The official http://docs.angularjs.org/misc/faq states: Stop trying to use jQuery to modify the DOM in controllers. Really. That includes adding elements, removing elements, retrieving their contents, showing and hiding them. Use built-in directives, or write your own where necessary, to do your DOM manipulation. See below about duplicating functionality. If you're struggling to break the habit, consider removing jQuery from your app. Really. Angular has the $http service and powerful directives that make it almost always unnecessary. Angular's bundled jQLite has a handful of the features most commonly used in writing Angular directives, especially binding to events.

Forget JQuery and use Angular. jQuery was created for browser portability and desktop dominated web development. It's not optimized for mobile kind of environment. Having said that, jQuery have lots of good components which are stable n can be taken in angular. Note: It's hard to unlearn than learn.