jquery部分方法
生活随笔
收集整理的這篇文章主要介紹了
jquery部分方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
offset([coordinates])
var p = $("p:last"); var offset = p.offset(); p.html( "left: " + offset.left + ", top: " + offset.top );結果:
<p>Hello</p><p>left: 0, top: 35</p>
var p = $("p:first"); var position = p.position(); $("p:last").html( "left: " + position.left + ", top: " + position.top );結果:
<p>Hello</p><p>left: 15, top: 15</p>scrollTop([val])
概述:獲取匹配元素相對滾動條頂部的偏移。此方法對可見和隱藏元素均有效。
設定垂直滾動條值
示例
無參數描述:
獲取第一段相對滾動條頂部的偏移
HTML 代碼:
<p>Hello</p><p>2nd Paragraph</p>jQuery 代碼:
var p = $("p:first"); $("p:last").text( "scrollTop:" + p.scrollTop() );結果:
<p>Hello</p><p>scrollTop: 0</p>參數val 描述:
設置相對滾動條頂部的偏移
jQuery 代碼:
$("div.demo").scrollTop(300);scrollLeft()方法類似
概述:獲取匹配元素在當前視口的相對偏移。返回的對象包含兩個整型屬性:top 和 left。此方法只對可見元素有效。
比如,獲取第二段的偏移:
HTML 代碼:
var p = $("p:last"); var offset = p.offset(); p.html( "left: " + offset.left + ", top: " + offset.top );結果:
<p>Hello</p><p>left: 0, top: 35</p>
position()
獲取匹配元素相對父元素的偏移。返回的對象包含兩個整型屬性:top 和 left。為精確計算結果,請在補白、邊框和填充屬性上使用像素單位。此方法只對可見元素有效。
示例
獲取第一段的偏移
HTML 代碼:
var p = $("p:first"); var position = p.position(); $("p:last").html( "left: " + position.left + ", top: " + position.top );結果:
<p>Hello</p><p>left: 15, top: 15</p>scrollTop([val])
概述:獲取匹配元素相對滾動條頂部的偏移。此方法對可見和隱藏元素均有效。
設定垂直滾動條值
示例
無參數描述:
獲取第一段相對滾動條頂部的偏移
HTML 代碼:
<p>Hello</p><p>2nd Paragraph</p>jQuery 代碼:
var p = $("p:first"); $("p:last").text( "scrollTop:" + p.scrollTop() );結果:
<p>Hello</p><p>scrollTop: 0</p>參數val 描述:
設置相對滾動條頂部的偏移
jQuery 代碼:
$("div.demo").scrollTop(300);scrollLeft()方法類似
轉載于:https://www.cnblogs.com/andybruse/archive/2012/09/14/2701979.html
總結
以上是生活随笔為你收集整理的jquery部分方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 京东极速版怎么绑定微信
- 下一篇: NOIP模拟测试16「Drink·blu