22 jQuery位置和尺寸操作的方法

2021-10-23 05:18:37 字數 817 閱讀 7225

offset([coordinates])

position()

scrolltop([val])下一節說

scrollleft([val])下一節說

<

!doctype html>

"en"

>

"utf-8"

>

22-jquery位置和尺寸操作的方法<

/title>

*.father

.son

<

/style>

"js/jquery-1.12.4.js"

>

<

/script>

$(function()

// 監聽設定

btns[1]

.onclick =

function()

);// 注意點: position方法只能獲取不能設定

//錯誤:$(".son").position();

/* 正確設定元素距離定位元素的偏移位:

$(".son").css(); */}}

);<

/script>

<

/head>

="father"

>

="son"

>

<

/div>

<

/div>

獲取<

/button>

設定<

/button>

<

/body>

<

/html>

jQuery尺寸和位置操作

1.width height 獲取匹配元素的寬度和高度值,只有width height 2.innerwidth height 獲取包含padding的高度和寬度值 3.outerwidth outheight 獲取包含padding border的寬度和高度值 4.outerwidth true ...

22 jQuery 遍歷 同胞

同胞擁有相同的父元素。通過 jquery,您能夠在 dom 樹中遍歷元素的同胞元素。在 dom 樹中水平遍歷 有許多有用的方法讓我們在 dom 樹進行水平遍歷 siblings next nextall nextuntil prev prevall prevuntil jquery siblings...

jQuery 尺寸 位置操作

jquery中分別為我們提供了兩套快速獲取和設定元素尺寸和位置的api,方便易用,內容如下。jquery 尺寸操作包括元素寬高的獲取和設定,且不一樣的api對應不一樣的盒子模型。語法 演示 function 注意 有了這套 api 我們將可以快速獲取和子的寬高,至於其他屬性想要獲取和設定,還要使用 ...