Jquery基礎學習

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的蔡逼八的學生