Jquery運用

                                             Jquery運用

1. div的顯示與隱藏

2. jQuery取值、判斷、賦值

        用到bootstrap+jQuery以及laydate時間樣式文件

 

1. div的顯示與隱藏

1. DIV的顯示

        給input按鈕一個ID,然後創建對應的click點擊事件

        語法爲：$(“#這裏是id名”).click(function(){}); 使用$需要引入JQuery

         $(“#div”).fadeIn() 使div顯示出來  

        fadeIn()方法與show()方法最終效果相同 括號內可以添加時間參數，單位爲毫秒 1000毫秒=1秒  實例看圖

1. DIV的隱藏

原理一樣

語句：$(“#div”).fadeOut() 與之相反

兩者的不同是： hide隱藏的效果是從下至上或從右下到左上的慢慢摺疊縮小，而fadeOut是整體淡化直至消失（這項不再演示，有興趣的同學可以自己操作，時間設置久一點）

aria-hidden是幹什麼的？建議自行百度

1. DIV的隱藏 （點擊服務端控件按鈕使控件隱藏）

給DIV加上runat="server" 使後臺可以獲取到DIV

然後在按鈕點擊事件裏添加div.Style.Add("display", "none");簡單粗暴

缺點是無法使用淡出效果。

之前試過給按鈕添加OnClientClick事件 以失敗告終

1. jQuery取值、判斷、賦值

1. 取值

 

語句如圖所示

$(document).ready()意爲重複加載，如果不加此代碼，文本框失焦事件將只執行一次

                     Blur()事件爲文本框失去焦點事件

                     Val() 獲取表單中文本框的值 //獲取值時括號內不要加參數

                     html()在別的地方獲取標籤中的值  //獲取值時括號內不要加參數

使用substring 取值

 語法：txt.substring(start,stop)

start必填 非負整數，規定要提取的子串的第一個字符在 txt中的位置

stop選填 如果省略該參數，那麼返回的子串會一直到字符串的結尾

如果參數 start 與 stop 相等，那麼該方法返回的就是一個空串（即長度爲 0 的字符串）。如果 start 比 stop 大，那麼該方法在提取子串之前會先交換這兩個參數

 

1. 判斷

If else 重點是括號內的正則或者別的條件要會寫

 

1. 賦值

Val() 括號內一定要給參數否則無效

Html()同上

text()同上