JQuery學習之jQuery尺寸

2022-05-05 01:21:12 字數 921 閱讀 8687

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...