jQuery中的on,find,load方法

2021-08-03 11:21:22 字數 532 閱讀 6953

對於jquery,

jquery物件.click(方法函式fn);

類似上面這樣,是給現有元素繫結。

如果是給現有或未來元素繫結,可以使用on來動態繫結。

jquery物件 .on("事件型別","選擇器",方法函式fn);

事件型別包括click等 選擇器是未來可能會出現的元素 

eg:$("#book_list").on("click","li",fn) 或者 $(document).on("click","li",fn)

但後者不建議 後者是從整篇html文件中查詢 

find() 方法獲得當前元素集合中每個元素的後代,通過選擇器、jquery 物件或元素來篩選。

eg:$("p").find("span"); 

load() 方法通過 ajax 請求從伺服器載入資料,並把返回的資料放置到指定的元素中

load(url,data,function(response,status,xhr)) 。只寫url也可以

eg:$("#id").load(url)

jQuery中的動畫 《鋒利的JQuery》

自css3以來,主流 開始偏向於扁平風格和動畫效果,這時就可以jquery的動畫就可以發揮其長處了,靈活的應用其動畫api,讓我們可以設計出很多絢麗的效果。下面,讓我們來列舉一些jquery常用的動畫api。1 show 和hide 方法 1 從display none還原元素預設或已設定的disp...

jquery學習(六) jquery中的動畫

參考鋒利的jquery第二版 1.show和hide方法 呼叫方法 element.hide 隱藏元素,element.show 顯示元素。其實說白了,其原理就是將元素的樣式display值設定為none或block。若想讓元素慢慢隱藏或顯示,可以為其新增乙個速度的引數,如element.show ...

jQuery 中的動畫

用jquery 做動畫效果要求在標準模式下,否則可能會引起動畫抖動。標準模式即要求檔案頭部包含如下的dtd定義 jquery 中的任何動畫效果,都可以指定3種速度引數,即 slow normal fast 時間長度分別為0.6s,0.4s,0.2s 1.fadein 與fadeout 方法 只改變元...