Angular

Angular vs. jQuery

jQuery

Angular

<div class="to-do-list">
    <p class="to-do-item">Learn jQuery</p>
</div>

<input class="add-to-do" />

$('.add-to-do-button').on('click', function() {
  var todo =   $('.add-to-do').text();
  $('.to-do-list').append('<p>todo</p>');
})

<div class="to-do-list" ng-repeat="todo in todoList">
    <p class="to-do-item" ng-click="removeTodo()">Learn jQuery</p>
</div>

<input class="add-to-do" ng-model="todo"/>
<button ng-click="addTodo(todo)">Add to do</button>

$scope.todos = ['learn jQuery', 'do laundry'];

$scope.removeTodo = function(id) {
    $scope.todos.splice(id, 1);
}

$scope.addTodo = function(todo) {
  $scope.todos.push(todo);
}

Declarative

Telling the code what you want to do

Imperative

Writing down specific steps for your code to follow