使用Image上的Jquery更改CSS属性

Question

我想在单击项目时将Css更改为不透明度1。

以下是代码（html）

<a href="#"><img class="<?php if($favorite == 1){ echo 'alreadyfavorite';} else { echo 'addtofavorite';} ?>" id="<?php 
                while($data5=$select5->fetch()){
                echo $data5['favorite_properties_id'];
                }
                ?>" src="../images/system/addtofavorite.png"></a>

Jquery的

$('.alreadyfavorite').click(function()
{
    event.preventDefault();
    var del_id = $(this).attr('id');



    $.ajax(
    {
        type: 'POST',
        url: '../controllers/deletefavoriteproperties.php',
        data:
        {
            del_id: del_id
        },
        success: function(data)
        {
       $('.alreadyfavorite').css("addtofavorite");   

        }
    });
});

这两个

$('.alreadyfavorite').css("addtofavorite");

也不是这个

$('.alreadyfavorite').css("opacity:1;");

正在工作......

Answer 1

指出究竟出了什么问题，就像你使用$('#calendar').datepicker().on('changeDate', function (ev) { alert('Input changed'); }); 属性一样。

这就是你应该如何使用它。

.css

如果您要更改多个$('.alreadyfavorite').css("opacity",1); 属性，可以按如下方式使用：

CSS

修改

有多种方法可以获得$('.alreadyfavorite').css({"background-color": "yellow", "opacity":"1"}); 效果。您可以查找fade，也可以使用css animations jquery's代替fadeIn

以下是演示两者的工作片段。

css

$(document).ready(function(){
  $(".fadeInJquery").on('click',function(){
      $("#fadeJquery").fadeIn("slow");
  });
   $(".fadeInCSS").on('click',function(){
      $("#fadeInCSS").css("opacity",1);
  });
});

#fadeInCSS{
  opacity:0;
  -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

#fadeJquery{
  display:none;
  }