javascript - 如何将 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。因为我想用“ sibling ”。我该如何改变它？有相关网站吗？

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

$('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>