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() {
});
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) {
});
getd > $.get('path/to/file', objRequest)
.done(function(response, textStatus, jqXHR) {
});
getdf > $.get('path/to/file', objRequest)
.done(function(response, textStatus, jqXHR) {
}).fail(function(jqXHR, textStatus, errorThrown) {
});
getdfa > $.get('path/to/file', objRequest)
.done(function(response, textStatus, jqXHR) {
}).fail(function(jqXHR, textStatus, errorThrown) {
}).always(function(response, textStatus, jqXHR) {
});
13. getJSON ajax
getJSON > $.getJSON('path/to/file', objRequest, function(response, textStatus, jqXHR) {
});
getJSONd > $.getJSON('path/to/file', objRequest)
.done(function(response, textStatus, jqXHR) {
});
getJSONdf > $.getJSON('path/to/file', objRequest)
.done(function(response, textStatus, jqXHR) {
}).fail(function(jqXHR, textStatus, errorThrown) {
});
getJSONdfa > $.getJSON('path/to/file', objRequest)
.done(function(response, textStatus, jqXHR) {
}).fail(function(jqXHR, textStatus, errorThrown) {
}).always(function(response, textStatus, jqXHR) {
});
14. post ajax
post > $.post('path/to/file', objRequest, function(response, textStatus, jqXHR) {
});
postd > $.post('path/to/file', objRequest)
.done(function(response, textStatus, jqXHR) {
});
postdf > $.post('path/to/file', objRequest)
.done(function(response, textStatus, jqXHR) {
}).fail(function(jqXHR, textStatus, errorThrown) {
});
postdfa > $.post('path/to/file', objRequest)
.done(function(response, textStatus, jqXHR) {
}).fail(function(jqXHR, textStatus, errorThrown) {
}).always(function(response, textStatus, jqXHR) {
});
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);