jQuery Expression equivalent in Angular JS

Question

What would be equivalent expression in AngularJS for jQuery's expression.

Expression

$('.className');

I believe this expression would serve equivalent as above in Angular

angular.element(document.querySelector(".className"))

I'm not an angular expert but a simple test shows as if you're right jsfiddle.net/z1kgde9u — simne7
– simne7, Commented Sep 12, 2017 at 8:15
@fatman yes, i ran the test. I want to access offset().top;. so was finding it in angular... previously i was running $('.className').offset.top. what would be alternative for this expression? — Matarishvan
– Matarishvan, Commented Sep 12, 2017 at 9:21
@fatman yes, due to this question, my original question was asked. — Matarishvan
– Matarishvan, Commented Sep 12, 2017 at 17:22

Deckerz · Accepted Answer · 2017-09-12 08:21:58Z

2

AngularJS doesn't have a equivalent per say $("stuffhere") from jQuery. angular.element() simply takes a JavaScript DOM object or jQuery object, so what you posted is correct. Another example is below.

var result = document.getElementsByClassName("class1");
var wrappedAngularResult = angular.element(result);

or

var result = angular.element(".class1");

According to their docs, angular.element is an alias for jQuerys main function if available, if not it defaults to angulars built in lite version jqLite. See here

answered Sep 12, 2017 at 8:21

Deckerz

2,60417 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dmitry · Accepted Answer · 2017-09-12 08:27:44Z

1

Angular uses so called jQuery lite. It's a subset of jQuery. But if you include a full jQuery on your page then you can use angular.element the same way you use $.

From docs:

If jQuery is available, angular.element is an alias for the jQuery function.

answered Sep 12, 2017 at 8:27

Dmitry

7,29614 gold badges42 silver badges42 bronze badges

Collectives™ on Stack Overflow

jQuery Expression equivalent in Angular JS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related