나는이 코드의 각 줄이 무엇을하는지 이해하려고 노력하고 있습니다. 예를 들어 왜 $거기에 있고 무엇을합니까?, 누구든지 도울 수 있습니까?
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<head>
<script>
i=1;
$(document).ready(function(){
$("button").click(function(){
if(i==1){
document.getElementById("tf1").setAttribute("fill", "transparent");
document.getElementById("tf2") .setAttribute("fill", "yellow");
i=2;
}else if (i==2){
document.getElementById("tf2").setAttribute("fill", "transparent");
document.getElementById("tf3") .setAttribute("fill", "green");
i=3;
} else if(i==3) {
document.getElementById("tf3").setAttribute("fill", "transparent");
document.getElementById("tf1").setAttribute("fill", "red") ;
i=1;
}
});
});
</script>
$-는 jQuery를 정의 / 접근하기위한 것입니다.
$ (document)-전체 파일이 고려 중임을 의미합니다. $ ( "button")-문서의 모든 버튼을 의미합니다.
이제 코드는 버튼을 클릭하고 i가 1이면 id가 tf1 인 요소는 투명 색상을, id가 tf2 인 요소는 노란색을 갖게되며 i를 2로 설정합니다.
버튼을 클릭하고 i가 2이면 ID가 tf2 인 모든 요소는 투명 색상을 가지며 ID가 tf3 인 모든 요소는 녹색을 갖습니다. 그런 다음 i를 3으로 설정합니다.
버튼을 클릭하고 i가 3이면 id가 tf3 인 요소는 투명 색상을, id가 tf1 인 요소는 빨간색으로 설정 한 다음 i를 1로 설정합니다.
따라서 버튼을 클릭 할 때마다 i 값이 매번 다르게 설정되고 해당 ID가있는 문서 요소는 매번 색상이 변경됩니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다