草庐IT

javascript - 如何使用 jQuery 客户端上传图片并将其添加到 div?

基本上,正如标题所说,我想要一个允许客户端上传图像的上传按钮,然后它会显示在一个div中。当然,这只是客户端,所以如果页面被刷新,图像就会消失。然后图像将相应地设置样式并指定固定的宽度和高度。我在网上搜索,根本找不到任何东西。虽然我可以流利地使用Javascript编写代码,但对jQuery还是很陌生。如果没有AJAX和/或PHP的帮助,也不确定这是否可行。如果可能,希望避免这些。非常感谢所有帮助。 最佳答案 这是一个有效的JSFiddle为你寻找的东西functionreadURL(e){if(this.files&&this.f

JavaScript 获取父元素并为 sibling 写入 holder div

我有以下结构:ContenthereContenthere在加载时,我想包含一个“holder”div,它包含所有父项的子项,如下所示:ContenthereContenthere我只知道“child1”id,如何在它自己和sibling周围添加一个holderdiv?注意事项“child1”id是唯一已知的标识符。类“parent”和“child2”是动态名称,会发生变化,因此不能用作标识符。需要是原生JavaScript。想法? 最佳答案 鉴于这必须是JavaScript(而不是jQuery)并且您只能通过id来识别child1

javascript - 将点击方法应用于外部 div 但不应用于内部 div

这个问题在这里已经有了答案:HowdoIpreventaparent'sonclickeventfromfiringwhenachildanchorisclicked?(24个答案)关闭5年前。在此示例中,我希望在单击黑色外部div时触发警报,而不是在单击内部div内的任何内容时触发警报。目前,当我点击内部按钮时,它会触发警报。$("#outer").click(function(){alert("triggered");});#outer{position:absolute;width:100%;height:100%;background-color:#000;display:fl

javascript - div在javascript中的随机位置

我正在尝试使用javascript使Divs随机出现在网页上的任何位置。所以一个div出现然后消失,然后另一个div出现在页面上的其他地方然后消失,然后另一个div再次出现在页面上的另一个随机位置然后消失,等等。我不确定如何以像素为单位生成随机单位或使用什么技术来生成随机位置。我该怎么做?这是我的代码:varcurrentDivPosition=myDiv.offset(),myDivWidth=myDiv.width(),myDivHeight=myDiv.height(),varmyDiv=$(''),finalDivPositionTop,finalDivPositionLeft

javascript - 使用 jquery 获取以厘米为单位的 div 高度?

我有一个div,我在其中动态添加数据,我想获得特定div的高度(以厘米为单位)。因为我需要根据高度来控制那个div能显示的数据量。 最佳答案 1px=0.02645833cm;或1cm=37.795276px;查看这些链接:Howtoaccessscreendisplay’sDPIsettingsviajavascript?HowtodetectthescreenDPIusingJavaScriptPixeltoCentimeter? 关于javascript-使用jquery获取以厘米

javascript - 使用具有 !important 标签的 jquery 更改 div 的背景颜色

使用调用.jsp的插件,该插件使用自己在外部托管的样式表(这是一个yelp嵌入-试图操纵它的外观)。我要更改的一个元素上有一个!important标签,但我似乎无法更改它...我试过了$('.elementToChange').css({'background-color':'black'});​没有用。想法? 最佳答案 看起来在更新版本的jQuery(至少1.7.2及更高版本)中您可以简单地设置css:$('#elementToChange').css('background-color','blue');参见http://jsf

javascript - 如何隐藏jquery中的所有div

我有几个div:如何使用jquery隐藏它们。我使用了$('#div').hide();但没有用。 最佳答案 您在选择器中使用了一个id。只需使用:$('div').hide();然而,这将隐藏所有的div。你如何只隐藏具有div-x形式的id的div?$('div[id^="div-"]').hide();这只会隐藏您提到的div,而不会隐藏其他div(这可能有问题)。 关于javascript-如何隐藏jquery中的所有div,我们在StackOverflow上找到一个类似的问题:

javascript - 不使用 Javascript 切换 div

我想切换,但我的要求是它必须与javascript一起使用关闭。我想选择一个声明“修改搜索”的超链接,并显示包含搜索条件的div。我发现了大量使用jQuery的演示,但他们都需要javascript启用。任何帮助表示赞赏。 最佳答案 Hereyougo,skipper!(编辑—为科学更新)HTML:ClickHereHello.Thisissomestuff.CSS:input:checked+div{display:none;}编辑—附加注释:display:none将导致某些浏览器(IE)不注意复选框。而不是用display隐藏

javascript - 随机映射div

我正在创建一个新的“打地鼠”风格的游戏,children必须根据问题打出正确的数字。到目前为止,一切进展顺利,我有一个计时器,计算正确和错误的答案,当游戏开始时,我有一些称为“Angular色”的div,它们在设定的时间随机出现在容器中。我遇到的问题是因为它是完全随机的,所以有时“字符”会相互重叠。有没有一种方法可以组织它们,使它们出现在容器中的固定位置,并且出现时不会重叠。这里我有将div映射到容器的代码..functionrandomFromTo(from,to){returnMath.floor(Math.random()*(to-from+1)+from);}functions

javascript - 如何使用CSS让div从页面底部向上滑动

我有一个包含以下类的div:.overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:500;overflow:auto;}.slider{overflow-y:hidden;max-height:100vh;transition-property:all;transition-duration:1s;transition-timing-function:cubic-bezier(0,1,0.5,1);&.close{max-height:0;}}我希望div从页面底部向上滑动以适合整个屏幕。现在它从页面顶部滑动以适应整