Статьи

Полный список jQuery Snippets для Sublime 2

Февраль 14, 2019

Изучая сокращенные списки фрагментов для Sublime 2, я обнаружил, что очень полезно иметь этот список основных фрагментов jQuery, чтобы я мог просто пролистать и изучить их. Так что здесь в основном дамп лучших фрагментов jQuery в потрясающем новом текстовом редакторе Sublime 2. Они перечислены в порядке их актуальности (на мой взгляд, наиболее часто используемые / полезные в первую очередь). Удачной прокрутки!

Похожие сообщения:

Документ jQuery готов
Триггер: $ .ready (вкладка)

версия 1 

$.jQuery(document).ready(function($) { // Stuff to do as soon as the DOM is ready. Use $() w/o colliding with other libs; });

версия 2 

 $.jQuery(document).ready(function() { // Stuff to do as soon as the DOM is ready; });

версия 3 

 $.$(document).ready(function() { // Stuff to do as soon as the DOM is ready; });

JQuery Ajax
Триггер: $ .ajax (вкладка) 

 $.ajax({ url: '/path/to/file', type: 'POST', dataType: 'xml/html/script/json/jsonp', data: {param1: 'value1'}, complete: function(xhr, textStatus) { //called when complete }, success: function(data, textStatus, xhr) { //called when successful }, error: function(xhr, textStatus, errorThrown) { //called when there is an error } });

JQuery Каждый
Триггер: $ .each (вкладка) 

 $.each(function(index) { this.innerHTML = this + " is the element, " + index + " is the position"; }); $.each(array/object, function(index, val) { //iterate through array or object });

jQuery getJSON
Триггер: $ .getJSON (вкладка) 

 $.getJSON('/path/to/file', {param1: 'value1'}, function(json, textStatus) { //optional stuff to do after success });

jQuery getScript
Триггер: $ .getScript (вкладка) 

 $.getScript('path/to/file', function(data, textStatus) { //optional stuff to do after getScript });

Скрипт включает
Сценарий запуска (вкладка) 

  JQuery Animate 
  Триггер: $ .animate (вкладка) 
  версия 1 
 $.animate({param1: value1, param2: value2}, speed, function() { // stuff to do after animation is complete }) 


  версия 2 








 $.animate({param1: value1, param2: value2}, speed) 


  JQuery DOM Attr Property 
  Триггер: .attr (вкладка) 


  версия 1 


 .attr({ attribute1: 'value1', attribute2: 'value2' }) 


  версия 2 


 .attr('attribute', 'value') 


  Карта jQuery 
  Триггер: $ .map (вкладка) 


  версия 1 


 $.map(function(index, elem) { return something; }) 


  версия 2 


 $.map(array, function(item, index) { return something; }); 


  jQuery CSS 
  Триггер: .css (вкладка) 


  Версия 1 


 .css({ property1: 'value1', property2: 'value2' }) 


  Версия 2 


 .css('property', 'value') 


  jQuery Bind 
  Триггер: .bind (вкладка) 


 .bind('event name', eventData, function(event) { // Act on the event }); 


  JQuery Live 
  Триггер: .live (вкладка) 


 .live('event type(s)', function(event) { // Act on the event }); 


  Плагин jQuery 
  Триггер: плагин (вкладка) 


  Версия 1 








 jQuery.fn.myeffect = function(speed, easing, callback) { return this.animate({param1: 'value'}, speed, easing, callback); }; 


  Версия 2 


 (function($) { $.extend($.expr[':'], { selectorName: function(element, index, matches, set) { return something; } }); })(jQuery); 


  Версия 3 


 (function($) { // What does the pluginName plugin do? $.fn.pluginName = function(options) { if (!this.length) { return this; } var opts = $.extend(true, {}, $.fn.pluginName.defaults, options); this.each(function() { var $this = $(this); }); return this; }; // default options $.fn.pluginName.defaults = { defaultOne: true, defaultTwo: false, defaultThree: 'yay!' }; })(jQuery); 


  Пара значений ключа 
  Триггер: (вкладка) 


 key: "value", 


  JQuery Wrap 
  Триггер: .wrap (вкладка) 


  Версия 1 


 .wrap(' 
 
  «) 


  Версия 2 


 .wrapAll(' 
 
  «) 


  Версия 3 


 .wrapInner(' 
 
  «) 


  JQuery Toggle 
  Триггер: .toggle (вкладка) 


  Версия 1 


 .toggle('slow/400/fast') 


  Версия 2 


 .toggle(function() { // Stuff to do every *odd* time the element is clicked; }, function() { // Stuff to do every *even* time the element is clicked; }); 


  JQuery Trigger 
  Триггер: .trigger (вкладка) 


  Версия 1 


 .trigger('event name') 


  Версия 2 


 .triggerHandler('event name') 


  Это основные из них, но есть еще 30-40 фрагментов, которые здесь не упомянуты, которые можно найти в полном списке фрагментов jQuery на GitHub: https://github.com/kswedberg/jquery-tmbundle/tree/master. Фрагменты . 


  Другие фрагменты, которые я нашел полезными: 


  HTML 
  Триггер: HTML (вкладка) 




    


  HTML 4 Doctype Transitional 
  Триггер: HTML: 4 т (вкладка) 


 


     


  XHTML 1 Doctype Transitional 
  Триггер: html: xt (вкладка)

32
Share: