Jquery Plugins i love..

Caroufredsel

Cuztomizable Jquery carousel, you should always use it, lots of options and RESPONSIVE!… Try it here.

Pajination

Really Flexible, easy to use and lots of customization options, go ahead and take a look:

http://th3silverlining.com/2010/04/15/pajination-a-jquery-pagination-plugin/

NivoSlider

Definitely NIVO SLIDER is one of the best choices of jquery slider, and of course my favorite!, i want to encourage you to try it, it’s really flexible, easy to customize code and css styles, and it is available for WORDPRESS too!.. Amazing!

Jquery Flip!

A heavy but beatifull solution to make flip content.. Visit Here. If you would like something ligther you may want to use QuickFlip 2.

 

One thing you should never forget about jquery

Never ever forget how to ask if an object exist:

if($('#object').length){ ... }
//or
if($('#object').length > 0){ ... }
//or
if($('#object')[0]){ ... }

Use your prefer, and remember: jquery will always return an object( $(‘xxx’) ), even if it doesnt exist, so if you want to know if an object exist you must to do it correctly.

Fix ie 8 select

If you are reading at this post, it’s because you already know the problem,…. so the javascript (jquery) solution to avoid options has the same widht as the select is:

jQuery(document).ready(function($) {
    
    $("xXxxXxXx select").hover(
        function(){
        $(this)
        .data("origWidth", $(this).css("width"))
        .css("width", "auto");        
        },function(){
        $(this).css("width", $(this).data("origWidth"));
    });

});

Jquery 1.7 slideToogle, slideUp, slideDown issue in IE8

Well after reading like 10 different websites, it seems like the problem was because of negative padding and margins, but i did not used negative values at all… so the WTF!!, anyway, you can grab the solution right here:

Chage:

_default:function(a){a.elem.style&&a.elem.style[a.prop]

by:

_default:function(a){if(isNaN(a.now)){return;}a.elem.style&&a.elem.style[a.prop]

Javascript Split() html crossbrower.

I know it sounds a little bit crazy, but it is true, if you do something like this:

InfoArray = $('#myInfo').html().split('<h2>---</h2>');

It will not work in IE 6,7,8. So the first question in your mind: ¿¿WTF??, internet explorer 6,7,8 will see html tags in capital letters: .split(‘<H2>—</H2>’).

So if you want to fix it, you can do something like this using jquery:

if ( $.browser.msie==true && $.browser.version <9)
InfoArray = $('#myInfo').html().split('<H2>---</H2>');
else
InfoArray= $('#myInfo').html().split('<h2>---</h2>');

If you have a better solution, please let me know it!

How and when to use Jquery opacity animations

Explanation about how each method works:

Source: Catchmyfame

Jquery caching and chaining

Cooming soon!..