jquery 使用相關記錄

2021-07-04 11:28:39 字數 1508 閱讀 2799

1. jquery $(#id) 獲取物件 如果頁面中出現重複相同的id值

如: jquery會根據文件的載入順序(從上至下來優先獲取)$('#all').text(); 此刻獲取的物件為li 而並非a標籤 只獲取乙個而不是陣列。

2. jquery tmpl 模版引擎
全部
$("#jc>a:first").nextall().remove();

執行

$("#jc>a:first").nextall().remove();
時候把id為jctmpl的模版也給刪除了 所以在用模版來填充資料的時候報無此方法是因為$("#jctmpl") 為undifind 。 

注意: 在使用tmpl的時候盡量不要將他放入要填充資料的元素內部應該單獨在頁面上寫。 如果為了**易讀非要這麼幹那記住不要刪除他。

3  jquery delegate 事件 

delegate() 方法為指定的元素(屬於被選元素的子元素)新增乙個或多個事件處理程式,並規定當這些事件發生時執行的函式。

使用 delegate() 方法的事件處理程式適用於當前或未來的元素(比如由指令碼建立的新元素)。

$(selector).delegate(childselector,event,data,function)
引數

描述childselector

必需。規定要附加事件處理程式的乙個或多個子元素。

event

必需。規定附加到元素的乙個或多個事件。

由空格分隔多個事件值。必須是有效的事件。

data

可選。規定傳遞到函式的額外資料。

function

必需。規定當事件發生時執行的函式。

主要是為未來元素新增事件行為 未來是指 用js jquery 等動態新增的元素 他監控被選元素的這些子元素(前提是被選元素不被重新渲染如果他被動態改變過那麼delegate也將不負責其子元素的事件繫結工作)。 其他方法如bind() clik() 只為當前元素繫結事件一旦元素被重新渲染事件將不起作用只能重新繫結   delegate()  可以。

$('.hlistmain').delegate('li','hover',function(e) );

$(this).children('.hteacherde').fadein();

});$('.hlistmain').delegate('li','mouseout',function());

$(this).children('.hteacherde').fadeout();

});

.hlistmain 元素不能被動態改變。 

a.prependto(b)將a的內容新增到b元素內部的起始位置

jQuery使用記錄

格式 document on 事件 元素id function 例 點選id btn click 按鈕,顯示 點選事件 document on click btn click function clear 包裹input元素的元件id input 重新選擇操作時,清空輸入框值 param objid...

jQuery外掛程式使用記錄索引

1.jquery impromptu 2.jquery qtip 3.uploadify website 用途 多檔案上傳 參考 4.flexigrid website version 1.0b3 2008 7 14 用途 外掛程式,支援分頁 搜尋 排序 編輯等。5.jqgrid website d...

Vue相關外掛程式使用記錄

1.列表輪播 類似新聞列表,中獎資訊 名稱vue seamless scrollcdn 介紹 樣例 import vueseamlessscroll from vue seamless scroll data中定義 classoption list box style lucklist active...