jQuery Snippets Collection for Atom

Actualmente se encuentra en desarrollo y se suben nuevos snippets semanalmente. 😄

Micelania

#	sufijos	descripción
1	s	Set
2	g	Get
3	ga	Get using an array
4	si	Set Inline
5	so	Set with Object
6	fn	Method with function
7	jq	JQuery Utilities
8	d	only done callback
9	df	done and fail callback
10	dfa	done, fail and always callback

Table de contenido

#	Metodo	Prefijo
1	ready	ready
2	attr	attr, attrsi, attrso, attrfn
3	removeAttr	removeAttr
4	prop	prop, propsi, propso, propfn
5	removeProp	removeProp
6	data	data, datas, datasi, dataso
7	removeData	removeData
8	each	each, eachjq
9	map	map, mapjq
10	val	val, vals, valfn
11	extend	extend
12	get	get, getd, getdf, getdfa
13	getJSON	getJSON, getJSONd, getJSONdf, getJSONdfa
14	post	post, postd, postdf, postdfa
15	on	on
16	off	off
17	one	one
18	addClass	addClass, addClassfn
19	removeClass	removeClass, removeClassfn
20	css	css, cssg, cssga, cssfn, csssi, cssso
21	is	is, isfn
22	Utilities	isarray, isemptyobject, isfunction, isnumeric, isplainobject, makearray, merge, greep, inarray, contains, noop, now, parsehtml, parsejson, parsexml, trim, type

Snippets

1. ready

ready   > $(function() {
            //jQuery code here
          });

2. attr

attr   >  attr('attributeName');
attrsi >  attr('attributeName', 'value');
attrso >  attr({attributeName, value});
attrfn >  attr('attributeName', function(index, oldAttributeValue) {
            return oldAttributeValue;
          });

3. removeAttr

removeAttr > removeAttr('attributeName');

4. prop

prop   >  prop('propertyName');
propsi >  prop('propertyName', 'value');
propso >  prop({propertyName, value});
propfn >  prop('propertyName', function(index, oldPropertyValue) {
            return oldPropertyValue;
          });

5. removeProp

removeProp   >  removeProp('propertyName');

6. data

data    > data();
datag   > data('name');
datasi  > data('name', 'value');
dataso  > data({name: value});

7. removeData

removeData  > removeData('name');

8. each

each    > each(function(index, element) {
            console.log(index, element);
          });
eachjq  > $.each(array/object, function(index, element) {
            console.log(index, element);
          });

9. map

map    >  map(function(index, element) {
            return something;
          });
mapjq  >  $.map(array/object, function(index, value) {
            return something;
          });

10. val

val   > val();
vals  > val(text);
valfn > val(function(index, value) {
          return value;
        });

11. extend

extend > $.extend(true, target, object);

12. get ajax

get    > $.get('path/to/file', objRequest, function(response, textStatus, jqXHR) {
            // success callback
          });

getd   > $.get('path/to/file', objRequest)
            .done(function(response, textStatus, jqXHR) {
            // success callback
          });

getdf  > $.get('path/to/file', objRequest)
            .done(function(response, textStatus, jqXHR) {
            // success callback
          }).fail(function(jqXHR, textStatus, errorThrown) {
            // error callback
          });

getdfa  > $.get('path/to/file', objRequest)
            .done(function(response, textStatus, jqXHR) {
            // success callback
          }).fail(function(jqXHR, textStatus, errorThrown) {
            // error callback
          }).always(function(response, textStatus, jqXHR) {
            // complete callback
          });

13. getJSON ajax

getJSON     > $.getJSON('path/to/file', objRequest, function(response, textStatus, jqXHR) {
                // success callback
              });

getJSONd    > $.getJSON('path/to/file', objRequest)
                .done(function(response, textStatus, jqXHR) {
                // success callback
              });

getJSONdf   > $.getJSON('path/to/file', objRequest)
                .done(function(response, textStatus, jqXHR) {
                // success callback
              }).fail(function(jqXHR, textStatus, errorThrown) {
                // error callback
              });

getJSONdfa  > $.getJSON('path/to/file', objRequest)
                .done(function(response, textStatus, jqXHR) {
                // success callback
              }).fail(function(jqXHR, textStatus, errorThrown) {
                // error callback
              }).always(function(response, textStatus, jqXHR) {
                // complete callback
              });

14. post ajax

post    > $.post('path/to/file', objRequest, function(response, textStatus, jqXHR) {
            // success callback
          });

postd   > $.post('path/to/file', objRequest)
            .done(function(response, textStatus, jqXHR) {
            // success callback
          });

postdf  > $.post('path/to/file', objRequest)
            .done(function(response, textStatus, jqXHR) {
            // success callback
          }).fail(function(jqXHR, textStatus, errorThrown) {
            // error callback
          });

postdfa  > $.post('path/to/file', objRequest)
            .done(function(response, textStatus, jqXHR) {
            // success callback
          }).fail(function(jqXHR, textStatus, errorThrown) {
            // error callback
          }).always(function(response, textStatus, jqXHR) {
            // complete callback
          });

15. on

on >  on('eventNames', 'selector', data, function(event) {
        event.preventDefault();
      });

16. off

off >  off('eventNames', 'selector', handler);

17. one

one > one('eventNames', 'selector', data, function(event) {
        event.preventDefault();
      });

18. addClass

addClass    > addClass('className');
addClassfn  > addClass(function(index, currentClassName) {
                return something;
              });

19. removeClass

removeClass    >  removeClass('className');
removeClassfn  >  removeClass(function(index, ClassName) {
                    return something;
                  });

20. css

css     >   css();
cssg    >   css('propertyName');
cssga   >   css(['propertyName1']);
csssi   >   css('propertyName', 'value');
cssso   >   css({propertyName: value});
cssfn   >   css('propertyName', function(index, value) {
              return something;
            });

21. is

is    > is('selector');
isfn  > is(function(index, element) {
          return something;
        });

22. Utilities

isarray         > $.isArray(obj);
isemptyobject   > $.isEmptyObject(object);
isfunction      > $.isFunction(obj);
isnumeric       > $.isNumeric(value);
isplainobject   > $.isPlainObject(object);
makearray       > $.makeArray(obj);
merge           > $.merge(first, second);
greep           > $.grep(array, function(elementOfArray, indexInArray) {
                    return something;
                  }, invert);
inarray         > $.inArray(value, array, fromIndex);
contains        > $.contains(container, contained);
noop            > $.noop()
now             > $.now();
parsehtml       > $.parseHTML(data, context, keepScripts);
parsejson       > $.parseJSON(json);
parsexml        > $.parseXML(data);
trim            > $.trim(str);
type            > $.type(obj);