angular.element vs document.getElementById or jQuery selector with spin (busy) control

by

It can work like that:

var myElement = angular.element( document.querySelector( '#some-id' ) );

You wrap the Document.querySelector() native Javascript call into the angular.element() call. So you always get the element in a jqLite or jQuery object, depending whether or not jQuery is available/loaded.

Official documentation for angular.element:

If jQuery is available, angular.element is an alias for the jQuery function. If jQuery is not available, angular.element delegates to Angulars built-in subset of jQuery, that called “jQuery lite” or jqLite.

All element references in Angular are always wrapped with jQuery or jqLite (such as the element argument in a directives compile or link function). They are never raw DOM references.

In case you do wonder why to use document.querySelector(), please read this answer.

More Related Contents:

  1. Update Angular model after setting input value with jQuery
  2. AngularJS + JQuery : How to get dynamic content working in angularjs
  3. ng-click not working from dynamically generated HTML
  4. How can I run a directive after the dom has finished rendering?
  5. from jquery $.ajax to angular $http
  6. What does AngularJS do better than jQuery? [closed]
  7. Accessing clicked element in angularjs
  8. jQuery ui datepicker with Angularjs
  9. AngularJS: $viewContentLoaded fired before partial view appears
  10. How to subtract two angularjs date variables
  11. How do I get the offset().top value of an element without using jQuery?
  12. jQuery and AngularJS: Bind Events to Changing DOM
  13. Problems with jQuery autocomplete + AngularJS
  14. Using jQuery’s $.ajax within an angularJS controller
  15. Jquery datepicker restrict dates in second date field based on selected date in first date field
  16. jQuery .attr(“disabled”, “disabled”) not working in Chrome
  17. current/duration time of html5 video?
  18. How to bind to localStorage change event using jQuery for all browsers?
  19. Resize SubGrid Columns on resizing main grid
  20. How do I scroll a row of a table into view (element.scrollintoView) using jQuery?
  21. How to find the highest z-index using jQuery
  22. Change content of div – jQuery
  23. jQuery: dealing with a space in the id attribute
  24. Disable scrolling when changing focus form elements ipad web app
  25. jquery ui tabs no longer supporting cookie? now what?
  26. How to add jQueryUI library in MVC 5 project?
  27. jQuery resize not working at FireFox, Chrome and Safari
  28. Jquery post and unobtrusive ajax validation not working mvc 4
  29. How do I select an element with special characters in the ID?
  30. Why return this.each(function()) in jQuery plugins?

Leave a Comment