Jquery HTML 속성 제어

Jquery HTML 속성 제어

 

attr

 

$("선택자").attr("속성","값");

 

$("#id").attr("href","http://www.google.co.kr");

 

$(function(){

$("button").click(function(){

$("#id").attr("href","http://www.google.co.kr");

})

 

})

 

css

$("선택자").css("속성":"값");

$("선택자").css("속성":"값","속성":"값","속성":"값");

 

$("#id").css("background":"#ff0000", "width":"120px");

 

$(function(){

$("button").click(function(){

$("#id").attr("href","http://www.google.co.kr");

})

 

})

 

addClass

$("선택자").addClass("class1 class2");

$("#id").addClass("class1 class2");

 

$(function(){

$("button").click(function(){

$("#id").addClass("class1 class2");

})

 

})

 

removeClass

$("선택자").removeClass("class1 class2");

$("#id").removeClass("class1 class2");

 

$(function(){

$("button").click(function(){

$("#id").removeClass("class1 class2");

})

 

})