1.width()和height()方法:
width():設定或返回元素的寬度(不包括內邊距,邊框或外邊距)
height():設定或返回元素的高度(不包括內邊距,邊框或外邊距)
$("button").click(function(){
var txt="";
txt+="width: " + $("#div1").width() + "
";txt+="height: " + $("#div1").height();
$("#div1").html(txt);
2.innerwidth()和innerheight()方法:
innerwidth():返回元素的寬度(包括內邊距)
innerheight():返回元素的高度(包括內邊距)
$("button").click(function(){
var txt="";
txt+="inner width: " + $("#div1").innerwidth() + "
";txt+="inner height: " + $("#div1").innerheight();
$("#div1").html(txt);
3.outerwidth()和outerheight()方法:
outerwidth():返回元素的高度(包括內邊距和邊框)
outerheight():返回元素的高度(包括內邊距和邊框)
$("button").click(function(){
var txt="";
txt+="outer width: " + $("#div1").outerwidth() + "
";txt+="outer height: " + $("#div1").outerheight();
$("#div1").html(txt);
jQuery學習筆記(二)之jQuery選擇器
html頁面元素就一些html標籤 元素 和對應的html元素屬性組成,屬性包括id,class,獲取css樣式屬性等,其中通過css樣式屬性獲取jquery,這裡的css樣式屬性就可以稱為jquery的css選擇器 另外jquery還支援xpath選擇,其實跟css差不多。下面就這對各種常用的選擇...
jQuery 學習筆記之七 jQuery 動畫
jquery中的動畫 一 show 和hide 方法 show 方法和hide 方法是jquery中最基本的動畫方。呼叫hide 會將元素的display樣式改為 none element.css display none 通過css方法隱藏元素。呼叫show 方法將元素的dispaly樣式設定為先...
jQuery學習之 效果
今天繼續學習一下jquery,主要記錄一下jquery的那些效果顯示 1.animate 函式 animate 方法執行 css 屬性集的自定義動畫。該方法通過css樣式將元素從乙個狀態改變為另乙個狀態。css屬性值是逐漸改變的,這樣就可以建立動畫效果。只有數字值可建立動畫 比如 margin 30...