Listing 81 to 101, you can see the

1 to 40 jquery-tweets-tutorials-by-greg-sidelnikov-part-1

41 to 80 jquery-tweets-tutorials-by-greg-sidelnikov-part-2

#jQuery tutorial tweet 81 ~ jquery.ui.js is an add-on library to jquery.js — required for animation easing, complex mouse events, etc.

— Greg Sidelnikov (@gregsidelnikov) July 25, 2012

#jQuery tutorial tweet 83 ~ jQuery UI online demos and documentation — jqueryui.com/demos/

— Greg Sidelnikov (@gregsidelnikov) July 25, 2012

#jQuery tutorial tweet 84 ~ You can pass raw DOM as arguments: $(document.getElementById(“p1″)).prepend(document.getElementById(“p2″));

— Greg Sidelnikov (@gregsidelnikov) July 25, 2012

#jQuery tutorial tweet 85 ~ It’s possible to pass the jQuery selector itself as arguments to a method ~ $($(“#p1“)).prepend($(“#p2“));

— Greg Sidelnikov (@gregsidelnikov) July 25, 2012

#jQuery tutorial tweet 86 ~ Oddly, trying to prepend an element to itself will just remove it from the DOM — $(“#p2“).prepend(“#p2“);

— Greg Sidelnikov (@gregsidelnikov) July 25, 2012

#jQuery tutorial tweet 87 ~ A variable is like a pair of tweezers to pick functions, objects, integers, strings, arrays, etc. to work on.

— Greg Sidelnikov (@gregsidelnikov) July 25, 2012

#jQuery tutorial tweet 88 ~ A variable is an interface to the language but isn’t an object or an integer itself. That would be the data.

— Greg Sidelnikov (@gregsidelnikov) July 25, 2012

#jQuery tutorial tweet 89 ~ To say that variables are objects is a mistake. Objects are assigned to variables. Variable is just a handle.

— Greg Sidelnikov (@gregsidelnikov) July 25, 2012

#jQuery tutorial tweet 90 ~ The [0] index gets us the raw DOM object from a jQuery selector ~ $($(“#p2“)[0]).prependTo($(“#p1“)[0]); works

— Greg Sidelnikov (@gregsidelnikov) July 25, 2012

Listing 41 to 80,

1 to 40 in the jquery-tweets-tutorials-by-greg-sidelnikov-part-1

81 to 101 in the jquery-tweets-tutorials-by-greg-sidelnikov-part-3

#jQuery tutorial tweet 41 ~ use .animate(arg); to dynamically change the CSS style of an element to a new state specified as first argument.

— Greg Sidelnikov (@gregsidelnikov) July 23, 2012

#jQuery tutorial tweet 42 ~ In .animate(css); The first argument “css” is usually a JSON notation. Ex: {left: “100px”, top: “10px” }

— Greg Sidelnikov (@gregsidelnikov) July 23, 2012

#jQuery tutorial tweet 43 ~ $(“div”).animate({left: “+=100px” }); will slide the selected div right by 100px counting from current location.

— Greg Sidelnikov (@gregsidelnikov) July 23, 2012

#jQuery tutorial tweet 44 ~ $(“div”).animate({opacity: 0.25, }); to dynamically fade an element to an opacity of 25% (cross-browser.)

— Greg Sidelnikov (@gregsidelnikov) July 23, 2012

#jQuery tutorial tweet 45 ~ $(“p”).css( { opacity: 0.25 } ); and $(“p”).css( “opacity”, “0.25″ ); are one and the same thing.

— Greg Sidelnikov (@gregsidelnikov) July 23, 2012

#jQuery tutorial tweet 46 ~ Add border and animate it to red: $(“p”).css( “border”, “10px solid blue” ).animate( { borderColor: “red” } );

— Greg Sidelnikov (@gregsidelnikov) July 24, 2012

#jQuery tutorial tweet 47 ~ Animate font size in all paragraphs to 100px over 5 seconds ~ $(“p”).animate({ fontSize: “100px” }, 5000);

— Greg Sidelnikov (@gregsidelnikov) July 24, 2012

#jQuery tutorial tweet 48 ~ $(“p”).animate( { borderColor: “red” } ); will not work unless jquery-ui.js is included in addition to jquery.js

— Greg Sidelnikov (@gregsidelnikov) July 24, 2012

#jQuery tutorial tweet 49 ~ $(“p”).animate( { borderWidth: “200px” } ); will work without jquery-ui.js (However “borderColor” will not.)

— Greg Sidelnikov (@gregsidelnikov) July 24, 2012

#jQuery tutorial tweet 50 ~ There are a lot of things wrong with #jquery. Nobody talks about it because they think they’re the wrong ones.

— Greg Sidelnikov (@gregsidelnikov) July 24, 2012

Greg Sidelnikov ( @gregsidelnikov ) in his twitter account has published multiple snippets about jQuery and here is a recopilation.

41 to 80 in the jquery-tweets-tutorials-by-greg-sidelnikov-part-2

81 to 101 in the jquery-tweets-tutorials-by-greg-sidelnikov-part-3

#jQuery tutorial tweet 1 ~ Little known CSS selector is “:not”, it helps to select “everything but xyz.” Example $(“* :not(‘xyz’)”).hide();

— Greg Sidelnikov (@gregsidelnikov) July 22, 2012

#jQuery tutorial tweet 2 ~ You can stack up “:not” selectors using space as in ~ $(“* :not(‘ul’) :not(‘body’)”).css(“background”,”red”);

— Greg Sidelnikov (@gregsidelnikov) July 22, 2012

#jQuery tutorial tweet 3 ~ The .attr(“var”); method can refer to a custom attribute invented by yourself. For example: <div var=”xyz”>

— Greg Sidelnikov (@gregsidelnikov) July 22, 2012

#jQuery tutorial tweet 4 ~ A nameless “callback function” is most often the last argument. It’s executed when the statement is finished.

— Greg Sidelnikov (@gregsidelnikov) July 22, 2012

#jQuery tutorial tweet 5 ~ Latest version recommends that we start using .on() and .off() instead of .bind(), .unbind(), .click(), etc.

— Greg Sidelnikov (@gregsidelnikov) July 22, 2012

#jQuery tutorial tweet 6 ~ $(‘div’).prepend(‘Before’).append(‘After’); on “<div>1</div>” will produce “<div>Before1After</div>”

— Greg Sidelnikov (@gregsidelnikov) July 22, 2012

#jQuery tutorial tweet 7 ~ Use .wrap() to “surround” HTML elements with other elements ~ $(‘P’).wrap(‘<DIV />’); wraps all Ps with 2 DIVs.

— Greg Sidelnikov (@gregsidelnikov) July 22, 2012

#jQuery tutorial tweet 8 ~ Get HTML inside of an element whose id is “clock” and store as text string ~ var content = $(“#clock“).html();

— Greg Sidelnikov (@gregsidelnikov) July 22, 2012

#jQuery tutorial tweet 9 ~ To “cut and paste” all <P> tags on the page and move them into #container, use ~ $(“P”).appendTo(“#container“);

— Greg Sidelnikov (@gregsidelnikov) July 22, 2012

#jQuery tutorial tweet 10 ~ appendTo() does exactly the same thing as append(), except the selector and functions’ arguments are reversed.

— Greg Sidelnikov (@gregsidelnikov) July 22, 2012