title: Selecting the children of an element in an AngularJS directive
body: <p>I am attempting to bind an event handler to the children of the <code>element</code> in the <code>link</code> function in an AngularJS directive. <a href="https://docs.angularjs.org/api/ng/function/angular.element" rel="nofollow">Angular's documentation</a> points me to <a href="http://api.jquery.com/children/" rel="nofollow">jQuery's docs</a> but it appears that the <code>.children()</code> method in AngularJS operates differently from jQuery.</p>
  
  <pre><code>console.log(element);
  console.log(element.children());
  </code></pre>
  
  <p>Example output from the console.</p>
  
  <pre><code>[div#anElement, context: div#anElement, jquery: "2.1.1", constructor: function, selector: "", toArray: function…]
   myDirective.js:23
  [prevObject: jQuery.fn.init[1], context: div#anElement, jquery: "2.1.1", constructor: function, selector: ""…]
   myDirective.js:25
  </code></pre>
  
  <p>Why is this different than the way jQuery's <code>.children()</code> method works?</p>