養國子以道，乃教之六藝
jquery
jQuery 介紹(四)Ajax和XMLHttpRequest
- 基本語法為：jQuert.ajax(option) 或 $.ajax(option)
var data = $.ajax({
type: "POST",
url: "/path/to/myphp.php",
data: "var1=var1&var2=var2", //可以是物件或是字串
async: false // 瀏覽器在發送的時候，停止任何其他的呼叫。
}).responseText;
Please follow and like us:
jQuery 介紹(二)基本語法
- trim - 去除字串前後的空白
先取得 input name=test 的值,利用 trim 將值的前後空白刪除,然後把值丟給 name=test1 的欄位.
var str=$(':input[name=test]').val();
str=jQuert.trim(str);
$(':input[name=test1]').val(str);
Please follow and like us:
jQuery 介紹(三)Event
- bind - 將符合的物件綁定一個事件
不含 class=button 和 Reset 的 button 物件，綁定 click 事件（先將所有有 id 的表格隱藏，再顯示同樣 ID 名稱的表格）
$(':button:not(".button"):not(".Reset")').bind("click",function(){
$("table[id]").hide();
$("#"+$(this).attr('class')).show();
});
Please follow and like us:
jQuery 介紹(一)選取器
- animate - 動畫效果
animate(params,[duration],[easing],[callback])
| params | CSS 語法 |
| duration | 動畫完成 params 的時間。("slow","normal","fast",微秒) |
| easing | 內定值 linear 和 swing。(需要外掛) |
| callback | 當效果完成時只執行一次的 function |
範例（每次往左移動 50px）：
$("#left").click(function(){
$(".myshow").animate({left: '-50px'},"slow");
});
Please follow and like us:
最近迴響