如何将JavaScript代码转换为jQuery? [英] How to convert JavaScript code to jQuery?

问题描述

symbolen.parent = object;
object.element.onclick = function() {
  this.parent.position.x = 0;
  this.parent.position.y = 0;
  this.parent.position.z = 0;
  this.parent.scale.x = 4,
  this.parent.scale.y = 4;
};

我想将javascript代码转换为jquery. 因为我想使用兄弟姐妹". 我该如何更改? 有任何网站吗?

i want to convert the javascript code to jquery. Because i want to use "siblings". how can i change it ? is there any website for that?

例如，我首先使用scale尝试了此代码，没有错误消息，但是它不起作用...

for example i tried this code with scale first , there is no error message, but it is not working...

$('object').click(function(event) {
  $(this).parent().css('scale', '4');                                                                
  $(this).parent().siblings().css('scale', '0');
  event.preventDefault();
});

推荐答案

您可以使用$(element)将元素包装在jQuery对象中.然后，您可以使用它执行任何jQuery功能.我将'object'选择器更改为object.element.您在此处不使用引号，因为您直接在变量中使用了元素，而不是使用了选择器.另外，scale不是css属性，所以我假设您的意思是transform: scale()

You can wrap element(s) in a jQuery object with $(element). Then you can do any jQuery functionality with it. I changed 'object' selector into object.element. You don't use quotes here because you use the element in the variable directly instead of using a selector. Also scale is not a css attribute so i assume you mean transform: scale()

//Mimic your object.element
var object = {};
object.element = document.getElementsByClassName('scale');

//Add on click handler and set scale on click.
$(object.element).click(function() {
  $(this).css("transform", "scale(4, 4)");
  $(this).siblings().css("transform", "scale(1)");
});

div#parent {
  text-align: center;
}

div#scale {
  width: 100px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="parent">
  <br>
  <div class="scale">Scale on click</div>
  <br>
  <br>
  <br>
  <div class="scale">Scale on click</div>
  <br>
</div>

这篇关于如何将JavaScript代码转换为jQuery?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！