자바스크립트 이용한거
<html>
<head>
</head>
<body>
<h2 id="test">
테스트입니다.
</h2>
<script>
// 자바스크립트로 html 내용 변경하기
document.getElementById('test').innerHTML = '아아 거기 당신 응답하라';
</script>
</body>
</html>제이쿼리 이용한거
<html>
<head>
</head>
<body>
<h2 id="test">
테스트입니다.
</h2>
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"></script><!-- 다운 받기 귀찮으면 jQuery cdn이라고 치면 주소가 나옴 그걸 복붙 ㄱ -->
<script>
// 제이쿼리로 html 내용 변경하기
$('#test').html('아아 거기 당신 응답하라');
//class명으로 하고 싶으면 .test
$('#test').css('color','#4392f4');
//글자색 바꾸고 싶으면 이렇게
$('#test').attr('src','dddd.jpg') //$('#test').attr('이걸','이렇게 바꿔줘')
//그 외 속성 바꾸고 싶을 때
//...등등 검색해보면 많다고 한다.
</script>
</body>
</html>
< 제이쿼리 속성 종류 >
[jquery] jquery 속성 조작 메서드
종류 사용법 설명 html() html("새 요소") $("요소 선택").html(); $("요소 선택").html("새 요소"); 선택한 요소의 하위 요소를 가져옵니다. 선택한 요소의 하위 요소를 모두 제거하고, 그 위치에 지정한 새
carina16.tistory.com
< 변경하는법 >
[jquery] attr()을 활용하여 속성 변경하기
이런식으로 태그에 직접 속성을 지정해주면 간단하지만 간혹 직접 지정이 어려운 경우가 있다. ex) 카페24에서는 자체 모듈(변수)로 회원가입 인풋항목을 생성하기 때문에 인풋 태그 안에 placehold
hongpage.kr
[jQuery] 속성 값 가져오거나 제어하기 - .attr()
jQuery .attrr() 함수 jQuery의 .attr() 함수는 속성을 값을 가져올 때 사용됩니다. 또한, JQuery의 .attr() 함수를 사용하여 요소(element)의 속성(attribbute)의 값을 쉽게 제어할 수도 있습니다. //함수 사용..
redcow77.tistory.com
'끄적끄적' 카테고리의 다른 글
| JS) prototype는 유전자다 (0) | 2022.07.26 |
|---|---|
| JS) Class 문법 사용하기 (function 코드랑 비교) (0) | 2022.07.26 |
| jQuery 사용하기/버전 설명 (0) | 2022.07.26 |
| [코드스니펫] - 한글 사용을 위한 세팅 (0) | 2022.07.24 |
| [드라마로 일본어] お言葉に甘えて (0) | 2022.07.23 |
댓글