使用php或jquery更改div

我想用php或jquery更改div，重要的是更改div宽度

情景：

如果单击

用于更改

div

的

宽度

试试这个：

$('.inlarge').click(function () {
    $(".mydiv").css("width", "100%");
});
$('.default').click(function () {
    $(".mydiv").css("width", "50%");
});

您可以使用
animate
功能或仅使用
css
功能来执行此操作：-

$(function(){
$('.inlarge').click(function(){
    $('.mydiv').animate({'width':'100%'},1000);
});

 $('.default').click(function(){
     $('.mydiv').animate({'width':'80%'},1000);
  });
});

按css：-

$(function(){
  $('.inlarge').click(function(){
    $('.mydiv').css({'width':'100%'});
});

 $('.default').click(function(){
  $('.mydiv').css({'width':'80%'});
   });
});

您可以使用jquery-

var width = $( ".mydiv" ).width(); // calculate default width
//alert(width);return false;
$('.inlarge').click(function(){
    $('.mydiv').css('width','100px'); // change 100px
});
$('.default').click(function(){
    $('.mydiv').css('width',width+'px');
});

这是一个笑话，我看到你编辑了很多次。但是我可以看到你再次编辑：）你也拼写错了function lol。当宽度从右向左扩展时，这可能吗？谢谢你的回答当
div
从右向左扩展时，这可能吗？
var width = $( ".mydiv" ).width(); // calculate default width
//alert(width);return false;
$('.inlarge').click(function(){
    $('.mydiv').css('width','100px'); // change 100px
});
$('.default').click(function(){
    $('.mydiv').css('width',width+'px');
});