// $( "#bar" ).foo();
jQuery.fn.foo = function() {
// manipulate this
return this;
};
~~// $( "#bar" ).foo();/~~
jQuery.fn.foo = function() {
// manipulate this
return this;
};
// $( "#bar" ).foo();
~~jQuery.fn/~~.foo = function() {
// manipulate this
return this;
};
// $( "#bar" ).foo();
jQuery.fn.foo = function() {
// manipulate this
return ~~~this/~~~;
};
// $( "#bar" ).foo();
jQuery.fn.foo = function() {
~~~// manipulate this/~~~
return this;
};
// $( "#bar" ).foo();
jQuery.fn.foo = function( a, b ) {
this.map(function( i, elem ) {
// alter the HTMLElement
});
return this;
};
// $( "#bar" ).foo();
jQuery.fn.foo = function( ~~~a, b/~~~ ) {
this.map(function( i, elem ) {
// alter the HTMLElement
});
return this;
};
// $( "#bar" ).foo();
jQuery.fn.foo = function( a, b ) {
~~~this.map/~~~(function( i, elem ) {
// alter the HTMLElement
});
return this;
};
// $( "#bar" ).foo();
jQuery.fn.foo = function( a, b ) {
this.map(function( i, elem ) {
~~~// alter the HTMLElement/~~~
});
return this;
};
// $( "#bar" ).foo();
jQuery.fn.foo = function( a, b ) {
this.map(function( i, elem ) {
// alter the HTMLElement
});
return this;
};~~/~~
☹
function g( x ) { return x + 10; }
function f( y ) { return y - 5; }
// equivalent to y(x(0))
_.compose( f, g )( 0 ) // => 5
function( f, g ) {
return function( a ) {
return f(g(a));
};
}
// {HTMLElement}
document.querySelector( "#foo" );
// @param {HTMLElement} elem
// @returns {HTMLElement}
function( elem ) {
elem.setAttribute( "class", "foo" );
return elem;
}
function( f, g ) {
return function( a ) {
return f(g(a));
};
}
function( f, g ) {
// @returns {HTMLElement}
return function( a ) {
return f(g(a));
};
}
// {jQuery}
$( "#foo" ).bar();
// {jQuery}
$( "#foo" )~~.bar()/~~;
// @returns {jQuery}
jQuery.fn.bar = function(){
this.map(function(){ ... });
return this;
};
// @returns {jQuery}
jQuery.fn.bar = function(){
~~this/~~.map(function(){ ... });
return this;
};
// @returns {jQuery}
jQuery.fn.bar = function(){
this~~.map(function(){ ... })/~~;
return this;
};
// @returns {jQuery}
jQuery.fn.bar = function(){
this.map(function(){ ... });
~~return this/~~;
};
function compose( f, g ) {
return function() {
return f.call(g.call(this));
};
}
function compose( f, g ) {
return function() {
return f.call(g.call(~~this/~~));
};
}
function compose( f, g ) {
return function() {
return f.call(~~g.call(this)/~~);
};
}
function compose( f, g ) {
return function() {
return ~~f.call(g.call(this))/~~;
};
}
var f, g;
// @returns {jQuery}
f = g = function() {
this.map(function(){ ... });
return this;
};
jQuery.fn.gf = compose( f, g );
jQuery.fn.f = f;
jQuery.fn.g = g;
// equivalent
$( "#foo" ).g().f();
$( "#foo" ).gf();
jQuery.fn.gf = compose( f, g );
jQuery.fn.f = f;
jQuery.fn.g = g;
// equivalent
$( "#foo" ).~~g().f()/~~;
$( "#foo" ).~~gf()/~~;
// {HTMLDivElement}
document.querySelector( "#foo" );
// {jQuery}
$( document.querySelector("#foo") );
// @param {HTMLElement} elem
// @returns {HTMLElement}
function foo( elem ) {
elem.setAttribute( "class", "foo" );
return elem;
}
// {HTMLDivElement}
foo( bar );
// {jQuery}
$( "#bar" ).foo();
// @returns {jQuery}
jQuery.fn.foo = function() {
this.map(foo);
return this;
}
// @returns {jQuery}
jQuery.fn.foo = function() {
~~this.map/~~(foo);
return this;
}
function f( elem ){
// manipulate elem
return elem;
}
jQuery.fn.f = function() {
return this.map(f);
};
function g( elem ){
// manipulate elem
return elem;
}
jQuery.fn.g = function() {
return this.map(g);
};
jQuery.fn.gf = compose( jQuery.fn.f,
jQuery.fn.g );
// equivalent
$( "#foo" ).gf();
$( "#foo" ).map( compose(f, g) );
jQuery.fn.gf = compose( jQuery.fn.f,
jQuery.fn.g );
// equivalent
$( "#foo" )~~.gf()/~~;
$( "#foo" )~~.map( compose(f, g) )/~~;
jQuery.fn.gf = compose( jQuery.fn.f,
jQuery.fn.g );
// equivalent
$( "#foo" )~~.g().f()/~~;
$( "#foo" )~~.map( compose(f, g) )/~~;
// @returns {jQuery}
jQuery.fn.foo = function( a, b ) {
this.map(function( i, elem ) {
// alter the HTMLElement
});
return this;
};
// @returns {jQuery}
jQuery.fn.foo = function( ~~a, b/~~ ) {
~~this.map/~~(function( i, elem ) {
~~// alter the HTMLElement/~~
});
return this;
};
// @returns {jQuery}
jQuery.fn.foo = function( a, b ) {
this.map(function( i, elem ) {
// alter the HTMLElement
});
return this;
};~~/~~
☹
// @returns {jQuery}
jQuery.fn.foo = function( a, b ) {
this.map(~~function( i, elem ) {/~~
~~// alter the HTMLElement/~~
~~}/~~);
return this;
};
// @returns {jQuery}
jQuery.fn.foo = function( a, b ) {
this.map(foo);
return this;
};
// @returns {jQuery}
jQuery.fn.foo = function( ~~a, b/~~ ) {
~~this.map/~~(foo);
return this;
};
// @returns {jQuery}
jQuery.fn.foo = function( a, b ) {
this.map(foo);
return this;
};~~/~~
☺
// @param {HTMLElement} elem
// @returns {HTMLElement}
function foo( elem ) {
elem.setAttribute( "class", "foo" );
return elem;
}
$( "a" ).click(function( event ) {
$( event.target ).foo();
});
$( "a" ).click(function( event ) {
$( ~~event.target/~~ ).foo();
});
$( "a" ).click(function( event ) {
foo( event.target );
});
$( "div" )
.removeAttr( "foo" )
.removeAttr( "bar" );
$( "div" ).each(function( i, elem ) {
removeAttr( elem, "foo" );
removeAttr( elem, "bar" );
});
$( "div" )
.removeAttr( "foo" )
.removeAttr( "bar" );
$( "div" ).removeAttr( "foo bar" );
function replaceWith( e, val ) {
e.nextSibling ?
before( e.nextSibling, val ) :
append( e.parentNode, val );
remove( e );
}
$( ".test" ).append( div );
// versus
while( l-- ) {
append( $test[l], div );
}
$( ".test" ).append( div );
// versus
while( l-- ) {
~~append( $test[l], div );/~~
}
function empty( e ) {
while ( e.firstChild ) {
e.removeChild( e.firstChild );
}
return e;
};
function empty( e ) {
while ( e.firstChild ) {
e.removeChild( e.firstChild );
}
~~return e;/~~
};
Wield.Methods.empty( elem );
var wield = Wield.Dom( elem );
wield.empty().empty();
Wield.Dom.find( "#sample" ).empty();
wield master ⎇ ls src/methods/
addclass.js attr.js prepend.js
after.js before.js prop.fix.js
all.js empty.js prop.js
...