1、新建一个html文件,命名为test.html。
创新互联专注于企业成都全网营销推广、网站重做改版、蔚县网站定制设计、自适应品牌网站建设、html5、商城系统网站开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为蔚县等各大城市提供网站开发制作服务。
2、在test.html文件内,使用div标签创建一行文字,文字内容为“小明”。
3、在test.html文件内,设置div标签的id属性为mytext,主要用于下面通过该id获得div对象。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“切换内容”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行func()函数。
6、在js标签中,创建func()函数,在函数内,通过id(mytext)获得div对象,通过html()方法获得div内的文本内容,使用if语句判断获得的文字内容是否为指定的文本内容,如果不是,则通过html()方法改变文本内容。
修改div的位置,其实就是修改div的left和top值。
思路:
先选出div这个对象。
修改div的left和top值。
下面是代码:
script src="jquery-1.7.2.js"/script
body
div style="width:100px; height:100px; background:#ccc; position:absolute; left:100px; top:100px;" id="div"/div
/body
script
$('#div').css({'left':'300px','top':'300px'});
/script
jquery给一个DIV设置坐标:
jquery中设置div的坐标位置的方法是通过offset实现的。
1、获取到div对象并且获取到当前偏移位置
var p = $("#elementId");对象
var offset = p.offset(); 位置
2、设置坐标位置,一般之关系距离顶部和左部的坐标:
$("#secondElementId").offset({ top: offset.top, left: offset.left})
jquery给一个DIV设置坐标:\x0d\x0ajquery中设置div的坐标位置的方法是通过offset实现的。\x0d\x0a1、获取到div对象并且获取到当前偏移位置\x0d\x0avar p = $("#elementId");对象\x0d\x0avar offset = p.offset(); 位置\x0d\x0a2、设置坐标位置,一般之关系距离顶部和左部的坐标:\x0d\x0a$("#secondElementId").offset({ top: offset.top, left: offset.left})