1、新建html文件
2、创建div元素和按钮
3、引入jquery.js
4、js创建“height() 方法设置div元素的高度”的代码
5、预览效果如图
6、点击按钮,div元素的高度发生改变,预览效果如图
可以说清楚点吗?是想要div隐藏还是自定义一个属性不显示呢?如果是隐藏div就直接:$("div").hide()或者添加css:$("div").css("display","none")
如果是添加自定义属性不显示那么属性名称尽量不要和元素本来有的一样:
$("div").attr("varid","21321")
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'
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)