jquery怎么获取DIV里面的值

jquery怎么获取DIV里面的值,第1张

$("div")index(this)text();改成$(this)text();即可。不过你的div宽度是100%,从下往上移4会挡住其他的,除非你把浏览器缩小,从左边移进去。 修改建议,加个id为tips的div,然后将index的值放进去,这样移动的时候它就会自动变换,看起来明显些。如下:\x0d\\x0d\asasas\x0d\2\x0d\3\x0d\4\x0d\\x0d\$(function(){\x0d\$("div")hover(function(){\x0d\ var index=$(this)text(); \x0d\ $("#tips")html(index);\x0d\ })\x0d\}) \x0d\回答于 2022-11-16

var content = $(‘div’)width();

//只是获取content宽度

var contentWithPadding = $('div')innerWidth();

//获取content+padding的宽度

var withoutMargin = $(‘div’)outerWidth();

//获取content+padding+border的宽度

var full = $('div')outerWidth(true);

//获取content+padding+border+margin的宽度

使用Jquery 获取DIV相对浏览器的边距,也就是绝对X,Y坐标,可以用offset():

$('div')offset()left;

示例如下:

创建Html元素

<div class="top">

本层相对浏览器的左边距为50px

<div class="inner">本层相对上一层的左边距为20px,所以相对浏览器边距为70px</div>

</div>

设置css样式

{margin:0;}

divtop{

width:500px;height:150px;

margin:50px;

background:green;

color:white;

}

divinner{

width:450px;height:100px;line-height:100px;

margin:20px;

background:red;

color:white;

}

编写jquery代码

$(function(){

$("divinner")click(function() {

alert("相对窗口左边距:"+$(this)offset()left);

});

})

观察效果

在线demo》》》>

html代码----

<div class="div1">

123

</div>

<div class="div2">

456

</div>

<div class="div2">

789

</div>

js代码----

$(document)ready(function() {

    //第二个div2偏移

    $("div2")eq(1)css("margin-left", $("div1")width());

 });

css代码--------

div1 {

    background: blue;

    float: left;

}

div2 {

    background: green;;

    clear: both;

    float: left;

}

以上就是关于jquery怎么获取DIV里面的值全部的内容,包括:jquery怎么获取DIV里面的值、jQuery如何获取和计算对象的长度、Jquery 如何获得DIV离左边是多少像素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/10135237.html

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

发表评论

登录后才能评论

评论列表(0条)

保存