Error: "Selectors not implemented"

Question

I'm having difficulty selecting an element with angular. I must be making some silly mistake: ``` function Root($scope) { $scope.elem = angular.element('div'); }​ ``` The error that results: ``` Error: selectors not implemented at Error (<anonymous>) at Object.JQLite [as element] (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:1523:13) at new Root (http://fiddle.jshell.net/kzX9z/7/show/:28:27) at invoke (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:2795:28) at Object.instantiate (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:2805:23) at $get (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:4621:24) at $get.i (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:4200:17) at forEach (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:117:20) at nodeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:4185:11) at compositeLinkFn (https://ajax.googleapis.com/ajax/libs/an…

Accepted Answer

It's because jquery needs to be referenced before angular. JSFiddle registered Angular 1.0.2 FIRST and then the jquery verson you added as a resource. ``` ``` This way Angular knows it can use JQuery and not JQLite. Once you do this, the selector will work in `angular.element()` Here's your fiddle, updated to reference the scripts in the right order (and altered slightly, see the comments) If you don't have JQuery, you can select the DOM Element manually. ``` var div = document.querySelector('div'); $scope.elem = angular.element(div); ```

Error: "Selectors not implemented"

Solution

Problem