1. 程式人生 > >JQuery幾種常用事件

JQuery幾種常用事件

推薦進入:http://jquery.cuishifeng.cn/index.html,檢視jquery文件自學。

 

事件ready: 當 DOM(文件物件模型) 已經載入,並且頁面(包括影象)已經完全呈現時,會發生 ready 事件。通俗的來講就是當頁面載入完時就會執行此函式事件。

例如:一個酒店前臺專案需要檢視當前房間狀態,就需要將所有資料拿到頁面在頁面載入完畢時來判斷房間狀態,給每個房間不同的狀態。

事件on:使用 on() 方法新增的事件處理程式適用於當前及未來的元素(比如由指令碼建立的新元素)還可以在被選元素及子元素上新增一個或多個事件處理程式。通俗來講就是當DOM已經載入完畢時,你在append()追加的節點附上了事件id,class等等,就需要on事件才可以定位到。

例如:

append()添加了td節點,就需要事件on來處理。

Change事件:當元素的值發生改變時,會發生 change 事件。比如在input()輸入框裡面inpu()中的值發生變化時就執行事件裡的方法。就如登入時,當驗證碼輸入正確時才可以登入。

例如:

此時的登入按鈕有相應的disabled屬性當驗證碼輸入正確時就將對應Class刪除

事件click:觸發頁面內所有段落的點選事件,任何屬性都可以觸發click事件

Submit事件:可以在js中提交表單,$("form:first").submit();

例如:JavaServlet取頁面傳入的值,可以直接獲取input上的name值,但是用ajax傳入到Servlet的時候,獲取每一個input的value值就會很麻煩,就可以直接使用submit事件

值得注意的是,提交資料也需要在from標籤上寫上action地址

 

*Jquery核心each(function{})就相當於迴圈遍歷。

例如需要迴圈取出表單裡的資料,傳入到後臺處理

這種就需要迴圈取出資料存入到資料庫,作者本人想到的方法就是將每一例的td資料取出來,然後迴圈遍歷,在存入到陣列中,將陣列中的值賦給input,在用ajax傳入到後臺,後臺將傳入的資料分割,分割後迴圈存入到資料庫中。

詳情見程式碼:

後臺取出資料:(Java)

如果有什麼疑問建議訪問文章頭的連線進行學習,若有不懂之處歡迎討論

請聯絡郵箱:

[email protected]