<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script src='//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'></script>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
  <script>
    var MainCtrl = function($scope) {
      angular.element('.test1').children().css('color', 'red');
    };
  </script>
  <title>angular.element Sample</title>
</head>
<body ng-app ng-controller="MainCtrl">
  <div class="test1">
    <p class="hoge">ほげ</p>
  </div>
  <div class="test2">
    <p class="hoge">ほげ</p>
  </div>
</body>
</html>