亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

JQuery的方便之處——寬高設(shè)置、坐標(biāo)值和滾動條+事件綁定機制

original 2016-11-12 09:10:58 384
abstrait:1、元素的寬高  可以通過css來進行設(shè)置,例如:$("元素").css({"寬度":"值","高度":"值"});  也可以通過JQuery中的函數(shù)直接進行設(shè)置,比如$("元素").width(數(shù)字或字符串);$("元素").height(數(shù)字或字符串);不

1、元素的寬高

  可以通過css來進行設(shè)置,例如:$("元素").css({"寬度":"值","高度":"值"});

  也可以通過JQuery中的函數(shù)直接進行設(shè)置,比如$("元素").width(數(shù)字或字符串);$("元素").height(數(shù)字或字符串);不給值的話就相當(dāng)于獲取寬高

  兩種方法獲取寬高的區(qū)別,css獲取寬高返回值是帶單位px的,而JQuery的函數(shù)獲取寬高是不帶單位的。如果用于數(shù)學(xué)計算還是選擇JQuery好一點。

2、坐標(biāo)值

  有兩個函數(shù):offset()和position()。offset()能設(shè)置位置,position()不能設(shè)置坐標(biāo)值。

  offset()函數(shù):獲取坐標(biāo)值:相對瀏覽器頁面的便移。返回的是一個對象Object{top:值,left:值}

          設(shè)置坐標(biāo)值:傳遞參數(shù)對象{top:值,left:值},設(shè)置之后元素自動變?yōu)橄鄬Χㄎ弧?/p>

  position()函數(shù):獲取在坐標(biāo)值:相對最近的定位的父元素的便移。

          設(shè)置坐標(biāo)值:無法設(shè)置。

4、滾動條(滾動顯示,原理就是兒子元素的寬高超出了父元素的寬高,所以我們要滾動顯示,所以要給父元素加一個overflow:scroll;就會出現(xiàn)一個滾動條)

  水平滾動條和垂直滾動條

  獲取滾動條位置:$("父元素").scrollTop();

          $("父元素").scrollLeft();

  設(shè)置滾動條位置:$("父元素").scrollTop(數(shù)字或字符串);

          $("父元素").scrollLeft(數(shù)字或字符串);

  瀏覽器滾動事件:$(window).scroll(function(){    });

5、JQuery的事件介紹

6、JQuery的事件綁定機制bind

  以前如果給一個元素綁定兩個或多個事件的時候,是在這個元素對象之后一直.函數(shù)就好了。例如要給一個按鈕綁定兩個事件:

$("button").click(function(){   })

      .mouseenter(function(){     });

  JQuery很強大,給我們提供了一種事件綁定機制:bind

$("button").bind({
  "click":function(){
  },
  "mouseenter":function(){
  }
});

  綁定事件之后動態(tài)添加元素將不會綁定事件。

7、JQuery事件委托機制delegate(這個也是一種綁定,主要是性能優(yōu)化)

  例如:你有100個li標(biāo)簽,需要給所有的li都綁定一個點擊事件,傳統(tǒng)的方法:$("li").click(function(){     });這樣的話太浪費時間了。所以我們委托給父元素,這樣能節(jié)省時間。例如:100個li標(biāo)簽的父元素是ul,

$("ul").delegate("li","click",function(){
     //參數(shù)含義  哪些子元素    事件    事件處理程序
 });

  綁定事件之后動態(tài)添加的元素也會綁定事件。

 8、on綁定事件 (強烈推薦使用,但是版本1.7以上)

  這是綁定的根源,其余所有的綁定事件都是通過on來實現(xiàn)的。提供了一種統(tǒng)一的綁定事件的方法。保留了delegate的優(yōu)點。

  $("父元素").on("事件","子元素",function(){   });

9、off事件的解綁

  這個和on對應(yīng),$("父元素").off("事件");

10、JQuery提供了一種事件觸發(fā)機制,用一個事件去觸發(fā)另一個事件

11、事件對象

  阻止事件冒泡:e.stopPropagation();

  阻止默認行為:例如 :一個超鏈接的點擊默認行為是跳轉(zhuǎn)  $("a").click(function(e){  e.preventDefault();    });這樣在點擊的時候就可以阻止默認行為。

  獲取事件類型:e.type

  鼠標(biāo)的按鍵類型:左鍵1  中鍵2   右鍵 3    

  獲取按鍵字母:e.keyCode

  獲取事件來源:e.target==this  說明是從自己來的,并不是事件冒泡觸發(fā)的事件。  


Notes de version

Entrées populaires