html用jQuery如何按按钮获取同一级div内的图片

function showPicture(element){

var img=$("img",$(element)parent());

//或 var img=$(element)siblings("img");

consolelog(imgattr("src"));

}

div{background:url("00,gof")

-40px

-20px

no-repeat;}

你是想把某一个小图拿来做图标对吧？假如第二行的第二个小图的最左上角的坐标为-40px

-20px的话，那么上面的写法，他的背景就是显示第二行的第二个小图了。

既然是定位，那么得用position；

如下图左边原图，定位后右图。

<style>

img{

display:block;             /是行内元素，所以display：block ;设置成块元素/

position:absolute;        /设置绝对定位，DIV设置相对定位/

top:200px;                  /这样会根据父层DIV移动位置。/

left:200px;

}

div{

width:500px;

height:500px;

background:#FFC;

position:relative;        /DIV设置相对定位，设置绝对定位 /

}

</style>

<div><img src="images/onpng"/></div>

1、新建一个HTML文件，保存为testhtml，用于编写代码实现拖放功能 。

2、在testhtml添加一个div标签，并且给它一个id，用于下面编写样式。

3、通过div的id , 给div定义CSS样式，例如，把div定义为一个带边框的长方形。下面将实现将拖放在这个长方形中。

4、在div的下面定义一张被拖放，并设置该的属性为允许被拖放。

5、在被拖放的上加上一个ondragstart事件，即被拖动时触发这个事件。再给事件一个函数，用于拖动时，把保存在一个变量中。

6、运行代码，在浏览器中查看结果：至此，完成了使用JS实现拖放到div中的功能。

function _setSrc=function(_div){

var select=$(_div)attr('select');

if (select == "1") {

$(_div)html("<img src='/images/imgBodygif' />");

$(_div)removeAtrr('select')attr('select','0');

}

else {

$(_div)html("<img src='/images/imgBody_greengif' />");

$(_div)removeAtrr('select')attr('select','1');

}

}

你试试 用JQ的话就尽量全用别一会用JS的方法一会用JQ 因为JQ得到元素后 就不是单纯的DOM对象了 转换为了JQ对象 他会具有JQ的方法

以上就是关于html用jQuery如何按按钮获取同一级div内的图片全部的内容，包括:html用jQuery如何按按钮获取同一级div内的图片、div+css 如何取图片中的某区域显示、图片可以怎么在div框架定位( margin)等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！