jQuery委派事件。大量綁定元素的delegate


當綁定大量click()或hover()的時候

$(). delegate()可以減少記憶體的耗費並提昇綁定的效率

 

可參考文章:http://jsgears.com/thread-402-1-1.html

jQuery中使用setTimeout或setInterval

<script>

//JQ呼叫的function ,要寫在jQ之外
  

jQuery(  function(){  setTimeout(auto_hidden_msg,2000);  }  );  //呼叫function正確來說叫做『auto_hidden_msg() 』但這裡不要加『 ( ) 』
 

function auto_hidden_msg(){

    jQuery(".ifpaycash_runmessage").hide(800);

    }
// setInterval也是一樣的用法  。
// 記得,
setInterval 與 setTimeout裡面()呼叫的function ,名稱不用加( )
 
</script>

 
 

 

JQuery-fancybox利用form作AJAX

<!DOCTYPE
HTML>

<html>

<head>

<meta
charset="utf-8">

<title>無標題文件</title>

<script
src="require/tools/jquery.js"></script>

<link
href="require/tools/fancybox/jquery.fancybox-1.3.4.css"
rel="stylesheet" type="text/css" />

<script
type="text/javascript"
src="require/tools/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<script
type="text/javascript"
src="require/tools/fancybox/jquery.easing-1.3.pack.js"></script>

<script
type="text/javascript"
src="require/tools/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

</head>

<body>

<script>

$(function(){

$("#tip5").fancybox({

'scrolling' :
'no',

'titleShow' :
false,

'onClosed' :
function() {


$("#login_error").hide();

}

});

$("#login_form").bind("submit",
function() {

/*

if
($("#login_name").val().length < 1 ||
$("#login_pass").val().length < 1) {


$("#login_error").show();


$.fancybox.resize();


return false;

}

*/

//顯示進度圖片

$.fancybox.showActivity();

//AJAX成功後要在原頁顯示fancybox的內容

$.ajax({

type :
"POST",

cache :
false,

url :
"#re",

data :
$(this).serializeArray(),

success:
function(data) {

$.fancybox(data);

}

});

return
false;

});

})

</script>

<a
id="tip5" title="Login" href="#login_form">Try
now</a>

<div
style="display:none">

<form
id="login_form" method="post" action="">


<p id="login_error">Please, enter data</p>

<p>

<label
for="login_name">Login: </label>

<input
type="text" id="login_name" name="login_name"
size="30" />

</p>

<p>

<label
for="login_pass">Password: </label>

<input
type="password" id="login_pass" name="login_pass"
size="30" />

</p>

<p>

<input
type="submit" value="Login" />

</p>

<p>


<em>Leave empty so see resizing</em>

</p>

<div
id="re">AJAX
結果</div>

</form>

</div>

</body>

</html>

PHP強制檔案下載

//對於文字.txt或csv…..等等的文字檔,可以不直接顯示在網頁,而是出現下載視窗 
header("Content-Type: application/octec-stream");
header("Content-Disposition: attachment; filename=ExportMail.txt");
readfile("../ExportMail.txt");

JQ尋找元素是否存在

有的時候,要根據頁面加載的內容不同而作不同的操作,這個時候,判斷頁面上是否存在這個元素(或對象)變得尤為重要。如果寫JavaScript來實現,較為麻煩,而jQuery卻能很容易的實現這個功能。
  我們知道,jQuery選擇器獲取頁面的element時,無論element是否存在,都會返回一個對象。例如:
  var my_element = $("#element_Id" ) 
  此時的變量my_element就是一個對象,既然是一個對象,這個對象就具有length的屬性,因此,用以下代碼可以判斷元素(對象)是否存在:

複製代碼代碼如下:

if(my_element.length>0){ 
alert("element is exist."); 
}else{ 
alert("element not be found"); 
}