JQuery外掛程式使用小結

2021-09-19 06:15:05 字數 1254 閱讀 3774

一,jquery.treeview:

見名之意,就是將頁面的資料以樹的形式展現出來。和上篇部落格中的dhtmlxtree不同的是,它是將html檔案中的資料進行顯示,而html檔案主要是用ul和li進行巢狀資料。看一下html如何儲存資料:

頁面中也如jquery.treeview的js**和對應的css檔案,然後進行這樣簡單jquery**的操作就可以實現了:

$(document).ready(function());

這樣就實現了將資料以樹的形式展示了。當然如果我們需要將資料庫中的動態資料用這種方法進行顯示的話,我們需要在後台利用字串進行拼接成這個格式的html檔案,然後進行獲取顯示即可,其實和dhtmlxtree的使用方法還是非常類似的,只不過實現的方式不同。

二,jquery.form

這個jquery外掛程式是為了解決ajax獲取頁面資料麻煩而提供的。常規我們通過form進行表單的提交,然後將需要提交的資料提供name的屬性,就可以通過struts2等mvc流程框架進行獲取,這樣就不需要我們進行手動獲取了。而jquery.form正是彌補ajax非同步通訊的不足的。這裡在我的前邊部落格中寫到過jquery中ajax的操作

三,jquery.pagination

這個是用來輔助我們進行分

當然這是最簡單的分頁資訊的查詢,更多的資訊還是模仿外掛程式提供的例子進行編寫即可。

四,jquery.autocomplete

實現原理:是通過將輸入的字元傳入後台進行(前)模糊匹配查詢,將查詢出來的資料進行提示,然後完成自動補全功能。當然後台查詢出來的資料我們需要進行一定格式的轉換,可以模仿外掛程式中的例子,這裡看一下前台的js**的處理吧:

//指定根據輸入內容進行模糊查詢的action路徑

$("#orgcode").autocomplete( "/org/loadorgbycode.action", ,

onitemselect: function(li)

});五,jquery.ui

這是乙個非常強大的jquery外掛程式,它能夠實現很多特效功能例如自動補全,就像上邊的jquery.autocomplete,tabs選項卡風格的功能,日曆的功能……這裡簡單看一下選項卡和日曆的實現。

1,選項卡,首先在頁面中提供這樣的html**,

$(function());

2,日曆控制項的簡單使用,當單機某個文字框時,彈出日曆來供我們來選擇,還是非常不錯的:

var cfg =

$("#expiretime").datetimepicker(cfg);//設定指定的文字框單擊出來日曆控制項

Jquery使用小結

這週都在做前端頁面的開發,用了jquery知識比較多,方便以後使用,就做乙個小總結吧。清空某個元素下面的所有子元素 tickey content empty 迴圈數值 each contents,function i,item 獲取label元素裡面的文字 role text 設定label元素裡面...

jQuery 使用小結

input type radio 選擇不同type的input input type radio checked 選擇被選中的radio選擇父類元素 選擇子類元素 選擇兄弟元素 selector.parent td siblings title 在被選元素的結尾插入內容 在被選元素的開頭插入內容 m...

JQuery驗證外掛程式使用

required true 必輸字段 2 remote remote valid.jsp 使用ajax方法呼叫remote valid.jsp驗證輸入值 3 email true 必須輸入正確格式的電子郵件 4 url true 必須輸入正確格式的 5 date true 必須輸入正確格式的日期,日...