JQuery 設置刪除屬性 設置刪除class 設置刪除css

1、設置刪除屬性

$('#img').attr("src", "./images/img1.jpg");
$('#img').removeAttr("src");

$('#img').attr('class','class1')
$('#img').removeAttr('class','class1')

2、設置刪除class

$("#bullet1").addClass("class1");
$("#bullet3").removeClass("class1");

3、設置刪除css

//設置 CSS 屬性
$("p").css("color","red");

//返回 CSS 屬性值
$("p").css("color");

//使用函數來設置 CSS 屬性
$("button").click(function(){
    $("p").css("color",function(){return "red";});
    });
//示例 逐漸增加 div 的寬度
$("div").click(function() {
  $(this).css(
    "width", function(index, value) {return parseFloat(value) * 1.2;}
  );
});

//設置多個 CSS 屬性/值對
$("p").css({
  "color":"white",
  "background-color":"#98bf21",
  "font-family":"Arial",
  "font-size":"20px",
  "padding":"5px"
  });

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章