javascript - jquery删除图像上的div

标签 javascript jquery css html

我正在构建一个网络浏览器游戏。
使用 Jquery 1.4 作为框架
但是我需要删除建筑区域中的树木。
这是现在发生的事情:
What happens now

如果它们在图像区域中,我想删除它们。
制作了一些示例代码以供展示:http://jsfiddle.net/coolking/evU9D/3/
我希望我已经提供了足够的信息。

Image height: 73px image width: 107px

包含已接受答案的代码在这里:http://jsfiddle.net/coolking/evU9D/22/

最佳答案

简单地说:通过 element.AddEventListener() 在 JavaScript 中应用所有事件监听器比添加 HTML 属性(如 onload="..."或 onmousedown="...")更好。

jQuery 具有碰撞检测 API 来准确确定您的要求。这是一个很好的引用:jQuery/JavaScript collision detection

当您检测到碰撞时,使用类似 $(this).remove() 的方法从 DOM 中移除树。

我喜欢策略游戏,所以我希望你的游戏取得好成绩! =D

关于javascript - jquery删除图像上的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8705435/

相关文章:

javascript - Angularjs 下拉菜单在 Internet Explorer 11 的第一个选项中出现空白

javascript - 当 Angular 对象存在时如何更改 CSS?

javascript - 通过一个输入字段隐藏其他元素

javascript - 如何仅在页面完全加载后才启动 CSS 动画?

jquery - 无法设置 jquery 的数据表插件 10.1 的数据表宽度

css - asp.net MVC、Bootstrap 和 CSS。下拉列表问题

html - 设置元素的不透明度会破坏 Chrome 中父元素的滚动

javascript - 如何防止损坏的音频 src 在控制台中打印错误消息?

php - 如何使用 jquery 从 php 变量显示 "content"? (它向我展示了 "name"本身,而不是其中的内容)

jQuery 链接未按预期运行