jQuery是一种广泛应用于网页的JavaScript库，可以提供许多易于使用的函数和方法来处理HTML文档、事件处理、动画以及AJAX交互等特定功能。其中一个常见的应用是点击排序图标，实现在网页上点击某个标头（如表格的列名）进行排序，而且还可以动态改变排序图标。

为了实现这样的效果，首先需要添加一个图标，用以指示升序或降序排列。通常，升序排列的图标是一个向上箭头，降序排列则是一个向下箭头。接下来，需要编写代码，为点击事件添加排序函数，并通过改变图标来反映不同的排序状态。

$('th').on('click', function(e){
  var table = $(e.target).closest('table');
  var rows = table.find('tr:gt(0)').toArray().sort(comparer($(this).index()));
  this.asc = !this.asc;
  if (!this.asc){rows = rows.reverse()};
  for (var i = 0; i < rows.length; i++){table.append(rows[i])};
  changeIcon($(this));
});

function comparer(index) {
  return function(a, b) {
    var valA = getCellValue(a, index), valB = getCellValue(b, index);
    return $.isNumeric(valA) && $.isNumeric(valB) ? valA - valB : valA.localeCompare(valB);
  }
}

function getCellValue(row, index){ 
  return $(row).children('td').eq(index).text() 
}

function changeIcon(header){
  var arrow = header.find('.sort-icon');
  arrow.removeClass('fa-sort fa-sort-up fa-sort-down');
  if (header[0].asc) {
    arrow.addClass('fa-sort-up');
  } else {
    arrow.addClass('fa-sort-down');
  }
  arrow.addClass('active');
}

这个代码块中，首先我们使用了jQuery的事件处理方法，为表格的每个表头th元素添加了一个点击事件。当用户点击表头时，相关函数会被调用，首先找到对应的表格以及除表头外的所有行。然后，使用JavaScript的sort方法排序该数组，根据用户点击的表头所在列的值进行升序或降序排列。最后，将排好序的数组插入到表格中，并更新相关图标以显示当前的排序状态。

通过以上代码，我们可以看到，jQuery的事件处理方法和JavaScript的数组方法结合使用，可以轻松实现点击排序图标变化的效果，为网页提供良好的用户体验。