Question

我正在使用Jquery来制作点击事件。当我更改css属性时，这很简单，但是我试图改变（画布）HTML中的一个元素。

我试图在点击 - 宽度和高度上访问和更改此HTML代码：

 <canvas id="testCanvas" width="755" height="500" > </canvas>

使用此jquery

 $('#flipthehood').click(function(){
   console.log('hood flipped clicked');
   $getElementById('testCanvas').animate({width="200"}, 250);   
 })

这是最好的方法吗？如果是这样，我可以请一些语法建议让它工作吗？我收到了意外=符号

的错误

非常感谢

Answer 1

使用jquery中的id选择器获取元素，

document.getElementById('testCanvas')相当于$('#testCanvas')

和.animate()的正确语法如下：

$('#testCanvas').animate({width:"200"}, 250);

Answer 2

确保您的点击事件是文档准备好的时间。在JQuery中也没有使用document.getElementById。这有效：

$(document).ready(function() {
    $('#flipthehood').click(function(){
        console.log('hood flipped clicked');
        $('#testCanvas').attr("width", "200");
    });
});

如果你想让它成为一个流畅的动画，只需将其改为：

$(document).ready(function() {
    $('#flipthehood').click(function(){
        console.log('hood flipped clicked');
        $('#testCanvas').animate({width: "200"}, 250);
    });
});

$ .animate使用冒号而不是等号。

Answer 3

要使用jQuery更改元素属性，请使用.attr（）方法：

$("#testCanvas).attr("width", 200)

如何创建更改html属性的单击功能？

3 个答案: