반응형

IT 소스/jQuery 28

[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

jQuery로 체크박스 체크 여부 및 체크하고, 체크 풀기

안녕하세요 jQuery로 체크박스 체크 여부 및 체크하고, 체크 풀기 소스입니다. 자바스크립트 if($("#isChecbox").is(":checked")){ alert("체크박스가 체크되어있습니다."); } else { alert("체크박스가 체크되어있지 않습니다."); } // jQuery로 체크박스 체크 및 체크풀기 $("#isChecbox").attr("checked", true); // 체크하기 $("#isChecbox").attr("checked", false); // 체크풀기 HTML 감사합니다.

IT 소스/jQuery 2018.06.12
반응형