天天看點

JQ

1. jquery事件将JavaScript中的事件去除了on字首 然後将它們封裝為對應的方法  

如:click(function(){ 書寫代碼});

   對象.事件方法(匿名函數)

2. one(type,fn) :對事件進行一次綁定    隻會觸發一次事件  

3. l  show():将隐藏的元素顯示出來

l  show(speed,[callback]) :将隐藏的元素以動畫的方式顯示出來

l  hide():将顯示的元素隐藏起來

l  hide(speed,[callback]) :将顯示的元素以動畫的方式隐藏

l  toggle() :如果顯示就隐藏  如果隐藏就顯示

l  toggle(switch) :如果參數為true則表示隻顯示,如果為false表示隻隐藏

l  toggle(speed,[callback]):以動畫的方式進行顯示或者隐藏  

     參數說明:

  • speed表示的方式有兩種:一種毫秒數  二種英文單詞 
  • speed:"slow", "normal", "fast"
  • callback:可選的參數  它是一個回調函數  當動畫執行完了以後再來執行的函數 

4. 自定義動畫

   animate(options,speed):當時間到了以後 就執行options裡面的參數(單個或jason對象)

5. 内部插入

l  $(selector).append(content) :将content追加到selector選擇器内部的最後面

l  $(content).appendTo(selector):将content追加到selector選擇器内部的最後面

l  $(selector).prepend(content) :将content追加到selector選擇器内部的最前面

l  $(content).prependTo(selector) :将content追加到selector選擇器内部的最前面

6. empty()   将目前對象裡面的内容清空 但是标簽還在

    remove()  将标簽與内容同時移除

    clone([true])  将元素進行克隆 

     參數說明:如果有帶true這個參數 表示克隆元素本身的同時還會将這個元素身上的事件進行克隆    如果沒有帶true  則表示隻克隆 元素的本身  不克隆元素身上的事件  

 7. 鍊式程式設計 :對象.方法名.方法名.方法名

    eq(index) :擷取到指定下标的元素 

    next([expr]) :比對目前元素的下一個兄弟元素

    Siblings():比對除了目前元素以外的所有的其它的兄弟元素

8. 插件機制

我們要實作某一個功能 需要用到一個很特别的函數  但是jQeury中沒有給我們封裝這個函數   jQuery它給我們提供了一個類似于接口的東西 !

   1). jQuery.fn.extend(object)或$.fn.extend(object)   要求參數必須是一個JSON對象    jQuery  = $  

    2). 文法:

l     jQuery.fn.extend({

                   fn1:function(){},

                   fn2:function(){},

                   ......

         });

結構說明:

         fn1或者fn2指的方法 名 

         匿名函數就是目前方法的處理程式  

特别注意:

         在jQuery中除了插件機制中的this指向的是jQuery對象  其它的任何地方都是JavaScript對象

上一篇: JQ
下一篇: js