어제 오늘 내일

jQuery를 이용하여 div 안의 텍스트를 변경하려면 다음 2가지 방법을 사용할 수 있습니다. text() html() 1. text() 요소 안의 텍스트를 변경합니다. html 코드를 전달하여도, text로 인식되어 그대로 출력합니다. $('#myDiv1').text('hello'); $('#myDiv2').text('버튼'); $('#myDiv1').text('hello'); 파라미터로 전달된 텍스트가 그대로 화면에 출력되었습니다. $('#myDiv1').text('버튼'); html 태그를 넣어도 태그가 그대로 화면에 출력됩니다. 2. html() 요소 안의 html을 변경합니다. 파라미터로 html 코드를 전달하면, html 코드가 실행됩니다. $('#myDiv1').html('hello'); ..

jQuery에서 선택된 element의 클래스 값을 가져오는 방법입니다. attr() attr()은 선택된 요소의 속성 값을 가져옵니다. // my1 my2 my3 const classList =$('#myDiv').attr('class'); document.write(classList); attr('class') attr() 함수는 파라미터로 입력받은 속성의 값을 가져와서 문자열로 리턴합니다. class도 속성이므로 attr() 함수를 이용하여 class의 값을 읽어올 수 있습니다.

jQuery를 이용해서 특정 class를 가지는 요소 갯수를 구하는 방법입니다. 클래스 선택자 / length const my2cnt = $('.my2').length; // 2 document.write(my2cnt); $('.my2').length $('.my2') 클래스 선택자를 이용하여 my2 클래스를 가지는 요소들을 선택합니다. length length 속성을 사용하여 위에서 선택된 요소가 몇개인지 얻어냅니다. 위 예제에서 my2 클래스를 가지는 요소는 2개입니다.

jQuery를 이용하여 클래스를 추가, 삭제하고 토글 하는 방법입니다. 클래스 추가 - addClass 안녕하세요 .bg-yellow { background-color: yellow; } $("#myDiv").addClass("bg-yellow") $("myDiv").addClass("bg-yellow"); id가 myDiv인 요소에 bg-yellow 클래스를 추하여, div의 배경색이 노란색으로 변경되었습니다. 클래스 삭제 - removeClass 안녕하세요 .bg-yellow { background-color: yellow; } $("#myDiv").removeClass("bg-yellow") $("#myDiv").removeClass("bg-yellow") 이번 예제의 html을 보면 bg-yell..

hasClass() jQuery의 hasClass() 메소드를 이용하여 특정 클래스가 존재하는지 확인할 수 있습니다. 예제 .my1 { background-color: yellow; } const hasMy1 = $('#myDiv').hasClass('my1'); // true const hasMy2 = $('#myDiv').hasClass('my2'); // true const hasMy3 = $('#myDiv').hasClass('my3'); // false const hasMy12 = $('#myDiv').hasClass('my1 my2'); // true const hasMy21 = $('#myDiv').hasClass('my2 my1'); // false const hasMy23 = $('#my..