title: How can I use methods of jqLite in AngularJS
body: <p>How to use methods's of qjLite in AngularJS? I want to add 'p' html element and following to add class="red" .</p>
  
  <p>Maybe I something doing wrong...</p>
  
  <p>Here code which I wrote:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>angular.module('app', [])
   .controller('ctrl', function($scope){
   $scope.text = 'Test';
   });
  
   var span = angular.element('&lt;span&gt; &lt;/span&gt;');
  
   span.append('&lt;p&gt;Run it&lt;/p&gt;');
   span.addClass('red');</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code> .red{
   color: red;
   font-size: 60px;
   }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="app"&gt;
  &lt;head lang="en"&gt;
   &lt;meta charset="UTF-8"&gt;
   &lt;title&gt;&lt;/title&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-controller="ctrl"&gt;
  &lt;p ng-bind="text"&gt;&lt;/p&gt;
  &lt;span&gt;&lt;/span&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>