浅谈jQuery的偏移()方法和实例共享
此方法返回或设置与文档对象相对应的匹配元素的偏移量。
语法结构1:
$(选择器)。
获取当前文档中匹配元素的相对偏移量。
返回的对象包含两个整数属:顶和左。
此方法只对可见元素有效。
实例代码:
* {
保证金:0px;
填料:0px;
}
父亲{。
border: 1px solid黑;
宽度:400px;
身高:300px;
填料:10px;
保证金:50px;
}
孩子{。
身高:150px;
宽度:200px;
左:50px保证金;
背景颜色:绿色;
}
$(文档)Ready(函数(){)
$(按钮)。Click(函数(){)
a = $();
警报(元素的偏移坐标是:+ a.top +|不再+ + );
})
})
获取元素的坐标
上面的代码可以弹出子div相对于文档的偏移量。
语法结构二:
$(选择器)。偏移量(值)
设置匹配元素相对于文档对象的坐标。
偏移()方法允许我们重置元素的位置,这个元素的位置相对于文档对象。
如果对象的原始位置样式属性是静态的,它将被更改为相对位置以便重新定位。
参数列表:
参数描述
值指定像素的顶部和左侧坐标。
可能的值:
1。值对,如{顶部:200,左:10 }。
2。具有左上和右属性的。
实例代码:
父亲{。
border: 1px solid黑;
宽度:400px;
身高:300px;
}
孩子{。
身高:150px;
宽度:200px;
背景颜色:绿色;
}
$(文档)Ready(函数(){)
$(按钮)。Click(函数(){)
$(.)。偏移量({顶部:100,左:100 })
})
})
单击设置偏移
上面的代码可以设置div相对于文档的偏移量。
语法结构三:
使用函数的返回值设置偏移坐标:
$(选择器)。偏移(函数(指数,oldoffset))
参数列表:
参数描述
(指数函数、属性的旧值)指定函数返回新的偏移选中元素的坐标:
索引-可选的。元素的索引。
Oldvalue - optional.The current coordinates.
实例代码:
父亲{。
border: 1px solid黑;
宽度:400px;
身高:300px;
}
孩子{。
身高:150px;
宽度:200px;
背景颜色:绿色;
}
$(文档)Ready(函数(){)
$(按钮)。Click(函数(){)
$(。)偏移量(函数(a,b){)
VaR新=新对象();
新b.top = + 50;
新b.left +左= 50;
返回新;
})
})
})
单击设置偏移
上面的代码也可以设置元素的偏移量,但是这个值是由函数返回的。
以上是本文的全部内容,希望大家能喜欢。