jquery取得span的值和把值填入span

//取得span的值
$("span").html()

//把值填入span
$("span").html("test")

//計算所有span的金額
JavaScript:
function count_data(){
　var total
　$('.class_s').each(function(index){
　　total = total+ parseFloat($(this).html()); //把所有class為class_s的內容相加
　});

　$("#sale").html(total); //把值填入span id = sale
}

HTML:
＜span class="class_s" id="c1">100＜span>
＜span class="class_s" id="c2">200＜span>
＜span class="class_s" id="c3">300＜span>
＜span class="class_s" id="c4">400＜span>
＜span id="sale">＜span>

去除字串前後空白

str = jQuery.trim(str);

keydown、keypress、keyup 順序

onkeydown->onkeypress->onkeyup

重設identity

流水號會從1開始，需在table內無資料時使用。
sp_chgattribute '[ TABLE NAME ]', 'identity_burn_max', 0, '0'

example:
EXEC sp_chgattribute testtable, 'identity_burn_max', 0, '0';

jQuery table 排序的套件範例

參考網址：http://tablesorter.com/docs/

Include:

• jquery-1.2.6.min.js
• jquery-latest.js
• jquery.tablesorter.js
• jquery.metadata.js
• ＜link rel="stylesheet" href="blue/style.css" type="text/css" id="" media="print, projection, screen" />
  

Html：

• 把 table 的 class 設成 tablesorter
• {sorter: false}：不能排序

＜table class="tablesorter" width="100%" border="0" id="tdata">
　＜thead>
　　＜tr id="line">
　　　＜th class="{sorter: false}">欄位1＜/th>
　　　＜th>欄位2＜/th>
　　　＜th>欄位3＜/th>
　　　＜th>欄位4＜/th>
　　＜/tr>
　＜/thead>
　＜tbody>
　　＜tr>
　　　＜td>123＜/td>
　　　＜td>345＜/td>
　　　＜td>453＜/td>
　　　＜td>4532＜/td>
　　＜/tr>
　　＜tr>
　　　＜td>1232＜/td>
　　　＜td>3454＜/td>
　　　＜td>4533＜/td>
　　　＜td>45＜/td>
　　＜/tr>
　＜/tbody>
＜/table>

Javascript:
$(document).ready(function(){
　　//點欄位排序
　　 $("table").tablesorter();
});

四捨五入

JavaScript:
MathValue = Math.round(3.14); => 3
MathValue = Math.round(5.15); => 5

//小數點兩位四捨五入：先變整數四捨五入後再除100
MathValue = Math.round(3.1412*100)/100; ==>3.14

取得＜span＞裡的值

Javascript:
　document.getElementById('L').innerHTML;

Html:
　＜span id="L">測試_test

用jQuery寫AJAX例子

javascript:
function insert_data(pno,id){
var answer = confirm(txt);
if (answer){
var b = "#button"+id;　//button的id
$.ajax({
beforeSend: function(){ //ajax發送前做
$(b).attr('disabled',true);
},
type:"POST",　//ajax用POST的方式
url:"test.php", //url
async: false,
data:"no="+pno,　//傳到url的值
success: function(msg){ //ajax成功時做
if (msg == ""){　　　　　　　　　
msg = "更新資料完成!";
}else{
msg = unescape(msg); //把utf-8轉成big5
}
alert(msg);
},
error: function(){ //ajax失敗時做
alert("修改資料發生錯誤，請再試一次!");
},
complete: function(){ //ajax完成時做
$(b).attr('disabled',false);
}
});
}
}

Html：
＜input type="button" name="button1" id="button1>" value="更新" onclick="insert_data('123'1);">

PHP:
$no = $_POST["no"];
echo iconv("big5","utf-8","編號為：".$no); //big5轉utf-8

javascrip中文轉碼可參考：http://werdna1222coldcodes.blogspot.com/2008/12/javascriptescape-encodeuri.html

讓網頁的欄位也能使用上、下、左、右鍵來控制

javascript:
function change_field(evt, id, id_name){
　var d = "#"+id_name+(id+1); //下一個欄位
　var u = "#"+id_name+(id-1); //上一個欄位
　var r = "#txt"+id; //右邊欄位
　var l = "#txt_r"+id; //左邊欄位
　var charCode = (evt.which) ? evt.which : event.keyCode

　if (charCode == 40){　//向下鍵
　　$(d).focus();
　}else if (charCode == 38){ //向上鍵
　　$(u).focus();
　}else if (charCode == 37){ //向左鍵
　　$(l).focus();
　}else if (charCode == 39){ //向右鍵
　　$(r).focus();
　}
}

Html：
欄位的排列需有規則，欄位給id，用id來控制
＜input type="text" name="txt1" id="txt1" onkeydown="change_field(event, 1,'txt')">
＜input type="text" name="txt_r1" id="txt_r1" onkeydown="change_field(event, 2,'txt')">


＜input type="text" name="txt2" id="txt2" onkeydown="change_field(event, 3,'txt')">
＜input type="text" name="txt_r2" id="txt_r2" onkeydown="change_field(event, 1,'txt')">


＜input type="text" name="txt3" id="txt3" onkeydown="change_field(event, 2,'txt')">
＜input type="text" name="txt_r3" id="txt_r3" onkeydown="change_field(event, 3,'txt')">

另開視窗為全螢幕

javascript:
function open_w(no){
window.open("test.php?flag=f&no="+no,"Wopen2","fullscreen=yes,location=no,toolbar=no,
memubar=no,status=no,directories=no,resizable=yes,scrollbars=yes");
}

HTML：
＜input type="button" name="buttons" id="buttons}>" value="更新" onclick="open_w('123')">