jQuery Dialog zIndex

$( ".selector" ).dialog();

$( ".selector" ).css("background-color", "red");

console.log( 'z-index ' + $( ".selector" ).zIndex()     );

Make Sure Element is Visible and Displayed : Javascript

function makeVisible(id) {
 if($('#'+id).css('display') == 'none') {
 $('#'+id).css('display','block');
 }
 if($('#'+id).css('visibility') == 'hidden') {
 $('#'+id).css('visibility','visible');
 }
 console.log('makeVisible visibility '+$('#'+id).css('visibility'));
 console.log('makeVisible display  '+$('#'+id).css('display'));
}

function testPreviewImage() {
 makeVisible('Preview_Div');
 makeVisible('Preview_Image');
 $('#Preview_Div').zIndex(16777261);
 $('#Preview_Image').zIndex(16777271);
}

Smooth expansion of DIV with jQuery

var bigWidth=800;
$("#map").width() == bigWidth ?
 $("#map").fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300).animate({ height: 400, width: 400 }) :
 $("#map").fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300).animate({ height: 400, width: 800 });

Class.each with ajax for each

$('.routeInfo').each(function(){
    // 
    fid = $(this).attr("fid");
    id = $(this).attr("id");
    uniqueID = $(this).attr("uniqueID");
    $.ajax({
            url: '/route.php',
            type: 'GET',
            data: { fid: fid , user: 'fred' } ,
            success: function (response ) {
                 if(response.length > 5) {
                        $("#" + id).html('ROUTE STATUS: '+response);                   
                                     }  else {
                                     $("#" + id).html('ROUTE STATUS: Not Routed');
                                       }
            },
            error: function () { console.log('ajax error'); }
        });
     });  

Button click animation

$("button").click(function(){
 this.animate({ opacity: '0.1'}, "slow" );
 this.animate({ opacity: '1.0'}, "fast");
});

Javascript jQuery Scroll Event Listener Print Scroll Position to Console Log

$(window).scroll(function (event) {
    var scroll = $(window).scrollTop();
    console.log(scroll);
});

---

Save scroll position for reload or ajax call for new content

var scroll = 0;
scroll = $(window).scrollTop();
console.log(scroll); 
location.reload();
$(window).scrollTop(scroll);

jQuery. Get ID of each element in a class using .each

$('.myClassName').each(function() {
    console.log( this.id );
});

Validate email with jQuery and my own hack

// validate email function, after function other code relative to its use
// 

function validateEmail(x)
{
var tld="";
console.log(x);
var splitAt = x.split("@");
if(!splitAt[1]) {return false;}
var username = splitAt[0];
var domainTLD = splitAt[1].split(".");
var domain=domainTLD[0];
for(var i=1;i<5;i++) {
   if(domainTLD[i]) { console.log(i +" "+ domainTLD[i]); tld=domainTLD[i] ;}
}
var usernameLength = username.length;
var domainLength = domain.length;
var tldLength = tld.length;
msg=username;
console.log(msg);
msg=domain;
console.log(msg);
msg=tld;
console.log(msg);
msg=usernameLength;
console.log(msg);
msg=domainLength;
console.log(msg);
msg=tldLength;
console.log(msg);
if ( tldLength < 3 || tldLength > 3 || domainLength < 2 || usernameLength < 1 || /\d/.test(tld) )
  {
  console.log(x + " not a valid e-mail address");
  return false;
  } 
else {
  return true;
     }
}

// just some vars not pertinent to email validation
var timedFade = 1000;
var msg="";

// document ready code block below
 
$(document).ready(function(){
msg="document.ready"; console.log(msg); msg="";

$( "#email" ).blur(function() {
var email=$( "#email" ).val();
console.log(email);
 if (validateEmail(email)) { 
  console.log("good email");  
  $("#email-status-message").text("");
  $("#email-status-message").fadeOut(timedFade); 
       } 
else { 
  console.log("bad email"); 
  $("#email-status-message").text("please enter valid email");  
  $("#email-status-message").fadeIn(timedFade); 
 }
});


})