반응형

IT 소스 112

[jQuery] .append()

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다. jQuery의 .append() 사용법 jQuery의 .append() 메서드는 선택한 요소의 마지막 자식 요소로 새로운 내용을 추가하는 함수입니다. 예를 들어, 다음과 같은 HTML 구조가 있다고 가정해 봅시다. 첫 번째 문장 두 번째 문장 여기서, #myDiv 요소에 새로운 요소를 추가하고 싶다면, jQuery의 .append() 메서드를 사용할 수 있습니다. $('#myDiv').append('세 번째 문장'); 위의 코드는 '#myDiv' 요소의 마지막 자식 요소로 '세 번째 문장'를 추가합니다. 이제 HTML은 다음과 같이 변경됩니다. 첫 번째 문장 두 번째 문장 세 번째 문장 .append() 메서드는 선택한 요소의 내부에 새로운 내용을 ..

IT 소스/jQuery 2023.02.17

[jQuery] .eq()

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다. jQuery의 .eq() 사용법 jQuery의 .eq() 메서드는 선택한 요소 집합에서 지정한 인덱스 위치에 있는 요소를 선택합니다. 이 메서드는 선택한 요소 중에서 특정 인덱스에 위치한 요소를 선택하거나, 인덱스 범위를 지정하여 선택하는 데 사용됩니다. eq() 메서드를 사용하면 다음과 같이 선택한 요소 집합에서 특정 인덱스 위치에 있는 요소를 선택할 수 있습니다. $("selector").eq("index"); 여기서 'selector'는 요소를 선택하는 CSS 선택자이며, 'index'는 선택할 요소의 인덱스입니다. 'index'는 '0'부터 시작합니다. eq() 메서드를 사용하여 선택한 요소 집합에서 지정한 인덱스 위치에 있는 요소를 선택하면..

IT 소스/jQuery 2023.02.17

[jQuery] .find()

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다. jQuery의 .find() 사용법 jQuery의 find() 메서드는 선택한 요소의 하위 요소들 중에서 지정한 선택자와 일치하는 모든 요소들을 찾습니다. find() 메서드는 선택한 요소의 하위 요소들 중에서만 검색을 수행하므로, 문서 전체에서 검색하는 것보다 더 빠르게 검색할 수 있습니다. find() 함수는 다음과 같은 구문을 사용합니다. $("selector").find("filter"); 여기서 'selector'는 선택한 요소를 나타내는 CSS 선택자입니다. 'filter'는 선택한 요소에서 찾을 하위 요소를 선택하기 위한 선택자입니다. 'filter'는 선택사항이며, 지정하지 않으면 선택한 요소의 모든 하위 요소를 선택합니다. find(..

IT 소스/jQuery 2023.02.16

[MariaDB] SQL 쿼리 - CASE

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다. CASE 함수는 일련의 조건을 지정하고 해당 조건에 따라 결과 값을 반환하는 함수입니다. CASE 함수를 사용하면 복잡한 조건문을 간단하게 작성할 수 있습니다. CASE 문은 다음과 같은 구문을 사용합니다. SELECT CASE WHEN condition_1 THEN result_1 WHEN condition_2 THEN result_2 ... WHEN condition_n THEN result_n ELSE default_result END FROM TABLE 여기서 condition은 조건을 나타내는 표현식입니다. result는 해당 조건에 대한 결과 값을 나타냅니다. 만약, 'condition_1'이 참이면 'result_1'을 반환하고, 'co..

IT 소스/MariaDB 2023.02.16

[jQuery] .css()

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다. jQuery의 .css() 사용법 jQuery의 .css() 메서드는 HTML 요소의 CSS 속성 값을 설정하거나 반환하는 데 사용됩니다. .css() 메서드는 두 가지 방법으로 사용될 수 있습니다. 1. CSS 속성 설정 HTML 요소의 CSS 속성을 설정하려면 .css() 메서드에 CSS 속성 이름과 값을 전달하면 됩니다. 예를 들어, 'id'가 "myDiv"인 'div' 요소의 배경색을 노란색으로 설정하려면 다음과 같이 사용할 수 있습니다. $("#myDiv").css("background-color", "yellow"); 이렇게 설정된 속성은 인라인 스타일로 HTML 요소에 직접 적용됩니다. 2. CSS 속성 반환 HTML 요소의 CSS 속성..

IT 소스/jQuery 2023.02.16

[jQuery] .removeClass()

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다. jQuery의 removeClass() 메서드는 선택한 요소에서 하나 이상의 CSS 클래스를 제거합니다. 이 메서드는 선택한 요소에서 클래스를 제거하여 해당 요소의 스타일을 변경하거나 수정하는 데 사용됩니다. removeClass() 메서드를 사용하면 선택한 요소에서 클래스를 제거할 수 있습니다. 이 클래스는 다음과 같이 지정됩니다. $("selector").removeClass("classname"); 여기서 'selector'는 요소를 선택하기 위한 CSS 선택자이며, 'classname'은 제거할 클래스의 이름입니다. 예를 들어, 다음과 같이 HTML 요소를 선택하고 클래스를 제거할 수 있습니다. // javascript code $("#myD..

IT 소스/jQuery 2023.02.16

[jQuery] .addClass()

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다. jQuery의 addClass() 메서드는 선택한 요소에 하나 이상의 CSS 클래스를 추가합니다. 이 메서드는 선택한 요소에 새로운 CSS 클래스를 추가하여 해당 요소의 스타일을 변경하거나 수정하는 데 사용됩니다. addClass() 메서드를 사용하면 선택한 요소에 클래스를 추가할 수 있습니다. 이 클래스는 다음과 같이 지정됩니다. $("selector").addClass("classname"); 여기서 'selector'는 요소를 선택하기 위한 CSS 선택자이며, 'classname'은 추가할 클래스의 이름입니다. 예를 들어, 다음과 같이 HTML 요소를 선택하고 클래스를 추가할 수 있습니다. // javascript code $("#myDiv")..

IT 소스/jQuery 2023.02.16

[jQuery] .attr()

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다. jQuery의 .attr() 사용법 jQuery의 attr() 메서드는 HTML 요소의 속성 값을 가져오거나, 속성 값을 설정하거나, 속성을 삭제하는데 사용됩니다. attr() 메서드는 첫 번째 인수로 가져올 속성의 이름을 지정하고, 두 번째 인수로는 속성 값을 설정할 경우에 사용됩니다. 예를 들어, 다음은 id 속성의 값을 가져오는 예제입니다. var idVal = $("#myElement").attr("id"); 다음은 href 속성의 값을 설정하는 예제입니다. $("#myLink").attr("href", "https://www.example.com"); 속성을 삭제할 경우에는, 두 번째 인수로 null을 전달하면 됩니다. $("#myEleme..

IT 소스/jQuery 2023.02.16

[jQuery] .show()

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다. jQuery의 show() 메서드는 선택한 HTML 요소를 화면에 보이게 만드는 메서드입니다. 선택한 요소를 화면에서 숨겨진 상태에서 보이게 만들 수 있습니다. 이 메서드를 사용하면 선택한 요소가 동적으로 표시되므로 사용자 상호 작용에 따라 요소가 표시되거나 숨겨지도록 할 수 있습니다. show() 메서드를 사용하면 선택한 요소의 display 속성이 "none"에서 기본값으로 변경되어 화면에 나타납니다. show() 메서드를 사용하는 방법은 다음과 같습니다. $("selector").show("speed", "callback"); - selector : 보이게 만들고자 하는 요소를 선택하는 선택자입니다. - speed : 선택적 매개변수로, 요소가..

IT 소스/jQuery 2023.02.15

[jQuery] .hide()

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다. jQuery의 hide() 메서드는 선택한 HTML 요소를 숨기는 메서드입니다. 선택한 요소를 화면에서 보이지 않게 만들 수 있습니다. 이 메소드를 사용하면 선택한 요소가 동적으로 숨겨지므로 사용자 상호 작용에 따라 요소가 숨겨지거나 표시되도록 할 수 있습니다. hide() 메서드를 사용하면 선택한 요소의 display 속성이 "none"으로 설정되어 화면에서 사라집니다. 이때, 선택한 요소의 자리는 그대로 유지되므로 다른 요소들이 자리를 채우게 됩니다. hide() 메서드를 사용하는 방법은 다음과 같습니다. $("selector").hide("speed", "callback"); - selector : 숨기고자 하는 요소를 선택하는 선택자입니다. ..

IT 소스/jQuery 2023.02.15
반응형