Статьи

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

Изучая сокращенные списки фрагментов для 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 (вкладка)