Question

我很难将以下JS转换为JQuery。

我的项目有一个thievery div，我将其悬停在very div中显示内容。

我从（this question, by anied）获得了一个运行良好的JS脚本。我试图将o重新写入> o = {} Object {} > o.thievery=38.45 38.45 > o Object {thievery: 38.45}等，但由于我对jQuery的理解为零，我无法继续。

这就是我的div的样子

getDisplayValue()

如何将以下JS转换为JQuery？

getDisplayValues()

Answer 1

所以，有关将JS转换为jQuery的提示：

您可以使用简单的CSS选择器选择元素。因此var hoverEle = document.getElementById("HoverMe");变为var hoverEle = $('#HoverMe');
通过利用jquery .on方法完成添加事件侦听器。因此hoverEle.addEventListener('mouseover', function () { showPopup(); }, false);变为（没有任何委托）hovereEle.on('mouseenter', function () { showPopup(); });
可以使用.css方法
可以使用.hide和.show方法切换简单的隐藏和显示。

此外，jQuery的快速参考/备忘单是https://oscarotero.com/jquery/

Answer 2

使用其ID

选择元素

这是你用 js

完成的

var hoverEle = document.getElementById("HoverMe");
var popupEle = document.getElementById("hidden");

这就是你如何使用 jQuery

做同样的事情

var hoverEle = $("#HoverMe") // this select the element which its id="HoverMe"

像这样，你也可以选择其他元素。如果是id，则应使用#，如果是class，则应使用.。

以下是使用mouseenter mouseleave jQuery $("#Hoverme").mouseenter(function(){ $(this).css({"height":"auto"},1000); }); $("#Hoverme").mouseleave(function(){ $(this).css({"height":"35px"},1000); });使用div#Hoverme{ width:100px; height:35px; overflow:hidden; } ul li{ list-style-type:none; cursor:pointer; background-color:orange; color:black; text-align:center; }

的示例

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="Hoverme">
   <ul>
     <li>one</li>
     <li>two</li>
     <li>three</li>
     <li>four</li>
     <li>five</li>
     <li>six</li>
   </ul>
<div>

mouseenter

mouseleave

上面的

是使用void * memcpy ( void * destination, const void * source, size_t num );和*array[i] = *(pcOther.array[i])的简单示例。这可以做各种各样的，很好的。得到想法，并适度适合你。

如何将以下JS转换为JQuery？

2 个答案: