jquery address 能for jquery1.9以上的版本

https://raw.githubusercontent.com/asual/jquery-address/master/src/jquery.address.js

jQuery 與 Prototype 共存方法

因為有些老網頁要修改，所以....

這裡有大大教學
http://atifans.net/articles/jquery-stay-workable-with-prototype-loaded/

jPages目前只能配合1.7.1 JQUERY

測試結果
jPages目前只能配合1.7.1 JQUERY

解決fadeIn與fadeOut在mouseover與out的動作後會持續重複動畫

$(".navleng").mouseover(function() { //When trigger is clicked...
 
      $(this).find(".head_subnav").fadeIn(300).slideDown('fast'); //Drop down the subnav on click

      $(this).hover(function() {
      }, function(){
          $(this).find(".head_subnav").stop(true).fadeOut(300).slideUp('fast');
      });  
 
  });

在hover的相反裡加入.stop(true)即可，然後剛滑入時的fadeIn不要加。

scrolltop chrome firefox某一項無作用

原本這樣用
$('body').stop().delay(800).stop().animate({
scrollTop:0
}, 800);
但常常firefox無作用
於是加入下面html就可
$('body,html').stop().delay(800).stop().animate({
scrollTop:0
}, 800);

將文字轉數值 parseInt

$("#draggable").css('top');//320px
parseInt($("#draggable").css('top'));//320

javascript只取數字 用正規表示

var str=$(".area_product").css('left');//出來會是312px
var reg=/[^\d]+/img;
str=str.replace(reg,"");
alert(str);//出來會是312

jquery 同時進行不同的動畫又不被取消或干擾

//同時進行不同的動畫又不被取消

alpha_40();

$("#about_content").animate({scrollTop: $('#about_human_WOW').offset().top-use_top_dis},{queue: false,duration: 3000,complete:function(){$("#goTop").fadeIn();}});



function alpha_40(){
$("#about_content").animate({opacity: 0.2},{queue: false,duration: 500,complete:function(){alpha_mid()}});
}
function alpha_mid(){
$("#about_content").animate({opacity: 0.2},{queue: false,duration: 2500,complete:function(){alpha_100()}});
}
function alpha_100(){
$("#about_content").animate({opacity: 1},{queue: false,duration:2000});
}


參考
http://alphasis.info/2011/09/jquery-api-animate-properties-options-queue/

jquery Iframe控制父視窗內容

parent.$  <-----這樣使用



parent.$.colorbox.close();
parent.$.address.value('contactOK');

滑鼠偵測不到可能是z-index沒設好

HTML JQUERY CSS
若滑鼠偵測不到可能是z-index沒設好
z-index:100;//試看看

jquery取子項目的方式

$(this).find("img");

float排版造成高低落差請使用jquery.masonry

float排版造成高低落差，目前我這裡無解，
只能使用jquery.masonry拉
http://masonry.desandro.com/index.html

wordpress上使用jquery.masonry

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.7.1.min.js"></script>
<?php wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.masonry.min.js"></script>

注意
jquery主體要在最上面
中間要是wp_head()
下方才能載入jquery.masonry.min.js


$(function(){
$('#news_container').masonry({
// options
itemSelector : '.news_col',
columnWidth : 295
 });
});

295是news_col這物件的寬+左右padding+左右margin


.news_col{
float:left;
background:#EFEFEF;
margin-bottom:15px;
margin-left:15px;
padding-left:10px;
padding-right:10px;
width:auto;
width:260px;

相當於FLASH的XY軸

$('#xxx').offset().top
$('#xxx').offset().left
$('# xxx ').offset({ top: 10, left: 30 });

jquery 視窗寬高度

alert($(window).height()); //瀏覽器當前窗口可視區域高度

alert($(document).height()); //瀏覽器當前窗口文檔的高度

alert($(document.body).height());//瀏覽器當前窗口文檔body的高度

alert($(document.body).outerHeight(true));//瀏覽器當前窗口文檔body的總高度 包括border padding margin

alert($(window).width()); //瀏覽器當前窗口可視區域寬度

alert($(document).width());//瀏覽器當前窗口文檔對像寬度

alert($(document.body).width());//瀏覽器當前窗口文檔body的高度

alert($(document.body).outerWidth(true));//瀏覽器當前窗口文檔body的總寬度 包括border padding margin

資料來源http://chaowei.wordpress.com/2011/04/15/jq-%E5%8F%96%E5%BE%97%E5%BC%8F%E7%AA%97%E9%AB%98/

偵測是否IPAD

//偵測是否IPAD
//返回boolean值 True 或者 False
function is_IPhoneOrIPad(){
return ( (navigator.platform.indexOf("iPhone") != -1) || (navigator.platform.indexOf("iPad") != -1) );
}

IE8無法吃JQUERY $無法定義或NULL

都會顯示$無法定義或NULL的話

請檢察
Check your script include tag, 

is it usingtype="application/javascript" src="/path/to/jquery"
change totype="text/javascript" src="/path/to/jquery"

JQUERY attr屬性一直記不起來

$('#greatphoto').attr({
  alt: 'Beijing Brush Seller',
  title: 'photo by Kelly Clark'
});

抓取一個div裡的第3張img 以及 取得eq有幾個數量

$(".post-body p img:eq(2)").attr("width");
$(".post-body p img").length

取消物件滑鼠行為(蓋在上面的物件取消滑鼠偵測)

CSS設定
pointer-events:none;
IE很SUCK不行用
就跟AS3的
mouseEnabled=false;
mouseChildren=false;
的效果依樣