<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<p style="background-color: #ff0000">여기가 p태그</p>
<p style="background-color: #00ff00">여기가 p태그</p>
<p style="background-color: #0000ff">여기가 p태그</p>
<button>클릭시에 배경색을 취득</button>
<br><br>
<div id="news">로드중...</div>
<script type="text/javascript">
$(function () {
$("#news").load("news.txt", function(txt, status) {
if(status == "success"){
alert("로딩 성공!");
alert(status);
alert(txt);
}
else if(status == "error"){
alert("로딩 실패!");
}
});
$("button").click(function () {
// getter
// var color = $("p").css("background-color");
// alert("color = " + color);
// setter
// $("p").css("background-color", "#ffff00");
$("p").css({
"background-color":"gray",
"font-size":"200%",
"border":"solid 5px red"
});
});
});
</script>
</body>
</html>
'JQuery > JQuery 기본' 카테고리의 다른 글
| [JQuery] 기본태그 정리 (0) | 2018.08.07 |
|---|---|
| [JQuery] 사진 윗쪽 뒤쪽 글추가 및 div <p>테그 삭제하기. (0) | 2018.08.07 |
| [JQuery] 사이트 및 코드사용 (0) | 2018.08.07 |
| [JQuery] length 길이 확인하기. (0) | 2018.08.07 |
| [JQuery] Window size 줄이면 메세지 띄우기 (0) | 2018.08.07 |