8

I am new to Angular JS. I need to develop project using Angular JS, HTML5.

For DOM manipulation in previous project i have used jQuery framework. Now I am confused that is this good approach to use jQuery in Angular JS project. Because many of the functions of jQuery are already available with angular js i.e. jQLite but with some limitations.

I have asked many people also but no one's answer satisfied me, some say no and some say yes.

Please help me on this topic. I have search this question on stackoverflow also but no luck. I think it will be useful for other developers also who are new to Angular JS and want to develop application using Angular JS.

Vijay Shegokar
  • 2,492
  • 1
  • 20
  • 30

2 Answers2

5

The first thing you should do is to read this thread on SO "Thinking in AngularJS" if I have a jQuery background?. This will give you some perspective.

When it comes to Angular, it the model that drives the view and most of the times direct DOM manipulation is not required.

For example if you are using DOM manipulation to show\hide element, add remove class or set style, then better to use ng-show\ng-class\ng-style directive.

But there are cases when DOM manipulation is required and that is the time you write directives and either use jqLite or jQuery to manipulate DOM.

My suggestion would be to avoid jQuery unless you have to incorporate a jquery plugin that is dependent on jQuery.

While developing always look if the inbuilt directives that can serve your purpose. If not can jqLite be used to achieve what is desired. Your final resort should be jQuery.

Community
  • 1
  • 1
Chandermani
  • 42,589
  • 12
  • 85
  • 88
2

There is no necessary 'good' or 'bad' answer, it depends what you want.

If you choose AngularJS, you should follow AngularJS's concept & design, AngularJS will meet almost your requirments.

However, you can use jQuery to do some work conveniently without breaking AngulaJS's design.

AngularJS supports jQuery offically, https://docs.angularjs.org/api/ng/function/angular.element , so don't worry too much.

Another article: http://www.bennadel.com/blog/2752-using-jquery-instead-of-jqlite-in-angularjs.htm

In a word: avoid jQuery if AngularJS works, use jQuery only if necessary.

shawn
  • 4,305
  • 1
  • 17
  • 25