Jquery 學習
Jquery
是一個在寫網頁時會非常常使用的一個語法，大家都說他比JavaScript還來的強大與好用，雖然我個人還是比較常使用JavaScrpit來撰寫一些效果；但我還是認為基本的Jquery 一些用法仍還是要會，所以在這邊幫自己複習一下。
Jquery
常用語法
以下列出我自己在寫ASP 或寫ASP.NET常用的語法
<input type= “button” id = “test_id” name = “test_name” value=”” >
<p>test.</p>
隱藏/顯示
|
$(” #test_id”).hide(); /
$(“#test_id”).show();
|
淡入/淡出
|
$(” #test_id”).fadeIn(); / $(”
#test_id”).fadeOut();
|
滑動
|
$(”#test_id”).slideDown(); / $(” #test_id”).slideUp();
|
屬性設置/
|
$(“#test_id”).attr(“value”, ”AA”);
|
取值
|
$(“#test_id”).attr(“value”);
$(“#test_id”).val();
|
增加項目/刪除
|
$(“p”).append(); /
$(“p”).remove ();
|
設置CSS
|
$(“#test_id”).css(“background-color” , “red”)
|
設置寬高
|
$(“#test_id”).width / $(“#test_id”).height
|
取得幾個元素
|
$(‘p’).length;
|
取得其name屬性為test_name
|
$(input[name = ‘test_name’]);
|
Jquery事件
<input type= “button” id = “test_id” name = “test_name” value=”” >
<p>test.</p>
$(“# test_id”).click(function (){
$(this).css(“background-color”
, “red”)
});
以下是我自己常用到的事件
事件
|
觸發技能
|
Onblur
|
物件失去焦點
|
Onchange
|
物件內容改變
|
Onclick
|
點滑鼠
|
Onfocus
|
物件取得焦點
|
onkeydown
|
按下鍵盤時
|
onkeypress
|
放開鍵盤時
|
onload
|
網頁或圖片下載時
|
submit
|
按下送出按鈕時
|
基本上 這個程式碼再Jquery 裡面我覺得相當重要，他可以確定頁面文堅全下載好時才開始執行程式
$(doucment).ready(function() {
});
Unbind 可以避免因程式重複執行減少效能的浪費
$("#test_id").unbind("click").click(function(){
});
Jquery 遍歷
遍歷就像一個樹狀架構，遍歷對於要尋找元素有相當大的幫助喔
函數
|
|
add
|
添加到符合集合裡
|
children
|
取得符合的所有子元素
|
closet
|
返回最先符合的父元素
|
each
|
每個符合的圓入都要執行
|
is
|
如果存在至少一個符合的回傳True
|
Parent
/parents
|
取得符合的所有父元素/祖父元素
|
Find
|
取得符合的所有子元素
|
我在ASP.net WebForm裡的專案曾用過一次
function validateIdNo(obj)
{
var
NewStr = obj.value;
if
(NewStr.substring(1, 1) == "1")
{
$(obj).closest('tr').find("input[name$=txtSex]").val("男");
}
else
{
$(obj).closest('tr').find("input[name$=txtSex]").val("女");
}
}
<tr>
………………………………..
</tr>
<tr bgcolor="#FFFFFF">
<td
class="style1">性別 </td>
<td
align="left">
<asp:TextBox
ID="txtSex"
runat="server" Text
='<%# Eval("Sex") %>' MaxLength="10"
Readonly="true" CssClass="style5" Width="80px"
></asp:TextBox>
</td>
</tr>
若有錯與問題 還請各位大大告訴我
by 正在努力從ASP轉換成ASP.NET的蔡逼八的學生
