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ā)的事件。