<jQuery> 2. Method
by BFine1. each() & html() & text()
배열 Method
<script>
$(document).ready(function () {
$("p").each(function (index,item) { // index와 item을 매개 변수로 가진다. item은 배열
console.log($(item).text());
== console.log($(this).text()));// this item과 같다
console.log($("#Hi").html()); //태그가 포함된 콘텐츠를 가져온다
$("#Hi").html("<strong> Add element</strong>"); //수정
console.log($("div").text()); //태그가 포함된 텍스트 가져온다
$("div").text("wow!"); //수정
});
});
</script>
</head>
<body>
<div>Hello</div>
<p>World1</p>
<p>World2</p>
<p>World3</p>
</body>
실행
2.addClass() & removeClass() & attr() & removeAttr()
<script>
$(document).ready(function () {
$("div").addClass("k"); // 클래스 속성 추가
console.log($(".k").text());
console.log($(".u").text());
$(".u").removeClass(); // 클래스 속성 제거
console.log($(".u").text());
console.log($("img").attr("src")); // 속성의 값을 반환
$("img").removeAttr("src");// 속성의 값을 제거
console.log($("img").attr("src"));
$("div").empty(); // 내용비우기
console.log($("div").attr("id"));
$("div").remove(); // 자기포함 하위까지 제거
console.log($("div").attr("id"));
});
</script>
</head>
<body>
<div id="alive">Hello<h1>world!!!</h1></div>
<p class="u">World1</p>
<img src="test/1.txt"></img>
</body>
실행
'공부(2018~2019) - 스킨변경전 > Javascript' 카테고리의 다른 글
| <javascript> 6. Date, InnerHTML (0) | 2018.04.04 |
|---|---|
| <jQuery> 3. Event (0) | 2018.04.02 |
| <jQuery> 2. DOM (0) | 2018.03.29 |
| <jQuery> 1. Selector (0) | 2018.03.28 |
| <jQuery> 0. basic (0) | 2018.03.28 |
블로그의 정보
57개월 BackEnd
BFine