jquery怎么设置left

jquery怎么设置left,第1张

什么的left?

$('#id').css('float','left')设置元素向左浮动

$('#id').css('align','left')设置元素内部子元素左对齐

$("选择器").offset() //该方法返回当前选择元素的第一个元素左上角(包括边框)距离整个页面顶部和左边的距离,返回值为{left:x, top:y} 例:$("div").offset().top得到该元素在距离页面顶部的距离

$("选择器").offsetParent() //该方法与offset返回值类型相同,只不过此方法返回的是该元素距离父元素的top和left

jquery给一个DIV设置坐标也就是设置left和top的距离。

具体举例如下:

1、定义页面中的div

<div id="div1" >测试设置坐标</div>

2、编写jquerry脚本设置div的postion属性

// 获取div1对象

var d = document.getElementById('div1')

// 设置position属性为绝对absolute

d.style.position = "absolute"

// 设置left像素为100px

d.style.left = '100px'

//设置top像素为200px

d.style.top ='200px'

或者也可以定义坐标传入以下函数:

//定义函数placeDiv,两个入参:x_pos和y_pos

function placeDiv(x_pos, y_pos) {

//获得div1这个dom对象

var d = document.getElementById('div1')

// 设置position属性为绝对absolute

d.style.position = "absolute"

//设置left像素为x_pos px

d.style.left = x_pos+'px'

//设置top像素为y_pos px

d.style.top = y_pos+'px'

}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/7808240.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存