jQuery.fn.extend()

посл. ред. 20.12.2016

Функция jQuery.fn.extend() добавляет свойства переданного объекта прототипу объекта jQuery. Эта функция используется разработчиками jQuery-плагинов для добавления новых методов jQuery-объектам.

Варианты использования

jQuery.fn.extend(объект) => Object: Добавляет свойства переданного объекта в прототип объекта jQuery.

Примеры

<html>
<head>
  <title>Функции библиотеки jQuery</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p>Параграф</p>
</body>
</html>
 
<script>
/* В прототип jQuery.fn добавлен метод highlight(), который выделяет элементы страницы */
$.fn.extend({
  highlight: function() {
    return $(this).css({
      background: '#008080',
      border: '2px solid #00FF7F'
    });
  }
});
/* Директива return используется для возможности запуска следующих методов в одной цепочке */

$('p')
  .highlight()
  .css('color', 'white');
</script>

Параграф