Изучая сокращенные списки фрагментов для Sublime 2, я обнаружил, что очень полезно иметь этот список основных фрагментов jQuery, чтобы я мог просто пролистать и изучить их. Так что здесь в основном дамп лучших фрагментов jQuery в потрясающем новом текстовом редакторе Sublime 2. Они перечислены в порядке их актуальности (на мой взгляд, наиболее часто используемые / полезные в первую очередь). Удачной прокрутки!
Похожие сообщения:
- Как настроить текстовый редактор Sublime 2
- Sublime2 vs Notepad ++
- Упрощение jQuery с помощью текстового редактора Sublime 2
- Сопоставление новой команды вкладки в Sublime 2 Text
Документ 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 (вкладка)