如何将 JavaScript 代码转换为 jQuery？

Question

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。因为我想用"siblings"。我该如何改变它？有相关网站吗？

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

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

Answer 1

您可以使用 $(element) 将元素包装在 jQuery 对象中。然后你可以用它做任何 jQuery 功能。我将 'object' 选择器更改为 object.element。您在这里不使用引号，因为您直接使用变量中的元素而不是使用选择器。另外 scale 不是 css 属性所以我假设你的意思是 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？

How to convert JavaScript code to jQuery?

javascript

jquery

click

onclick

converters