<!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>