jquery對dom的操作
YAHOO工具庫提供的方法:namespace 用于創建一個全局的命名空間,使用YUI時,首先會自動創建widget,util,example三個命名空間,使用時也可以自定義命名空間。類似于在程序中建了了一個static變量。
Yahoo! User Interface Library(簡稱yui) 是一個使用Javascrīpt編寫的工具和控件庫。它利用DOM腳本,DHTML和AJAX來構造具有豐富交互功能的Web程序。yui也包含幾個核心 的CSS文件。yui中的所有組件已經以開源的形式發布
dhtmlxGrid 啟用Ajax的JavaScript網格控制與尖端功能,強大的數據綁定,并與大型數據集的出色表現 。組件是易于使用,并提供了極大的靈活性,由于其豐富的客戶端 API 。dhtmlxGrid支持不同的數據源(XML,JSON,CSV,JavaScript數組,和HTML表格),也可以從自定義的XML格式加載。 網格組件可以輕松實現豐富的單元格內編輯和內置的好看的DHTML表(通過CSS或預定義的皮膚管理),過濾、搜索和分組功能。眾多的事件處理程序,可以添加必要的交互性到您的基于網格 的接口。智能渲染和分頁支持,讓這個JavaScript的DataGrid有效地開展工作,甚至與龐大的數據集。
jQuery確實是一個挺好的輕量級的JS框架,能幫助我們快速的開發JS應用,并在一定程度上改變了我們寫JavaScript代碼的習慣。廢話少說,直接進入正題,我們先來看一些簡單的方法,這些方法都是對jQuery.ajax()進行封裝以方便我們使用的方法,當然,如果要處理復雜的邏輯,還是需要用到jQuery.ajax()的(這個后面會說到).
擴展EXT組件要創建的擴展是一個在文字前面能夠顯示圖標的這么一個Ext.form.Combobox。將其中一個功能舉例來說,就是要在一塊選擇里,國家名稱連同國旗一并出現。
知識點:$(":input")和$("input")選擇器不一樣。$(":input")不僅可以獲得所有input標簽,像textArea標簽,select,button都能獲得.而$("input")只能選擇出所有的input標簽$(":text")選擇出所有單行文本框.
用鏈式的方法調用each()方法知識點:1用$.each(arr,function(key,value){})遍歷數組和arr.each(function(key,value)){}方法遍歷效果一樣2當一個數組不是dictionary類型的時候,在進行遍歷的時候function的參數key就表示數組的下標。value就表示數組真正的值,這個數組是什么類型‘value就是什么,這里數組是checkbox的數組,所有每個value就是一個checkbox3把each方法放在這個數組的后面用數組.
把所有div里面有id屬性的div選擇出來$("input[name]")把所有input標簽中有name屬性的選擇出來2由于JQuery中沒有getElementByName,所有就用屬性選擇器來代替例:$("input[name='hello']")把所有input標簽中有name屬性。
過濾選擇器1:first表示選擇出來的第一行.這就話的意思就是把td1下面的所有tr的第一行選擇出來,然后把他的css屬性的fontSize設置成30*/$("#td1tr:gt(0):lt(3)").css("fontSize","28");/*過濾選擇器2.1:gt(數字)。
1凡是用選擇器$("。。。")選擇出來的都是數組,都可以用$.each()方法來遍歷2$("。。").next()方法和JQuery的其他方法很像,里面可以放值也可以不放值,不放表示所有挨著這個JQuery包裝的dom元素,如果放值了,就表示只是挨著它的這種類型的元素例如:$("div").next("div")表示這個元素緊挨著的下個div元素。
JQuery的兩種基本選擇器。1$("TagName").選擇出TagName的所有標簽,這是一種內部遍歷
JQuery對象轉化(id選擇器)JQuery三種常用方法$(document).ready(function(){$("#div1").
對數組進行遍歷vararr1=[1,2,3,4,5];//普通類型數組字面量定義方式/*JQuery對數組的操作,首先有返回值得:$.map(數組,function(item){.....;});這時候$.map(arr,function(item){}).
$(document).ready(function(){alert("加載完畢");});$(document).ready(r);functionr(){alert("也加載完畢!");}/*以上兩種寫法都一樣,都是先把document對象轉換成JQuery對象,然后調用ready方法,把ready里面的方法注冊成ready的方法,這個有點像在body標簽里面寫onload="方法".
JQuery的dom操作1使用html()獲取節點的innerHTML屬性和設置節點的innerHTML屬性2使用text()方法獲取節點的innerText屬性和設置節點的innerText屬性3使用attr()方法獲取節點的某個屬性和設置節點的某個屬性這個attr也是一樣,如果只寫前面的參數,表示得到這個屬性值。
、此文檔當前為中間版本,尚未完全翻譯完成;
每個組件的easyui有屬性、方法和事件。用戶可以方便地擴展。 屬性 屬性定義在 jQuery.fn.{plugin}.defaults. 例如,對話框的屬性定義在 jQuery.fn.dialog.defaults. 事件 這個事件(回調函數)也定義在jQuery.fn.{plugin}.defaults.
jQuery由美國人JohnResig于2006年初創建,至今已吸引了來自世界各地的眾多javascript高手加入其team,包括來自德國的JörnZaeffere,羅馬尼亞的StefanPetre等等。jQuery是一個快速的,簡潔的javaScript庫,使用戶能更方便地處理HTML documents、events、實現動畫效果,并且方便地為網站提供AJAX交互。jQuery能夠使用戶的html頁保持代碼和html內容分離,也就是說,不用再在html里面插入一堆js來調用命令了,只需定義id即可。
DWR(Direct WebRemoting)的主要功能:客戶端的JavaScrip可以直接調用遠程的Java方法,并得到遠程方法的返回值,我個人的理解就是JavaScript與Java通過DWR進行通訊交流