728x90
Arr_Tag
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(".a").css("color", "red");
var test=$(".a");
console.log(test); //배열
console.log(">>>",test[1]); //태그
test[1].innerText="aaaaaaa" //태그 속 innerText변경
//$test[1].text(test)
});
</script>
</head>
<body>
<p class="a">Hello</p>
<p class="a2">Hello2</p>
<div class="a">World</div>
</body>
</html>
InnerText
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var classArr = $(".myClass");
for(var i=0; i<classArr.length; i++){
console.log(classArr[i].innerText);
}
console.log("=======================");
for(var i=0; i<$(".myClass").length; i++){
var t = $($(".myClass")[i])
console.log(t.text());
}
console.log("=======================");
console.log($(".myClass").first().text());
console.log($(".myClass")[0].innerText);
console.log($(".myClass").last().text());
})
</script>
</head>
<body>
<p class="notMe">div class="notMe"</p>
<p class="myClass">p class="myClass1"</p>
<div class="myClass">div class="myClass2"</div>
<div class="myClass">div class="myClass3"</div>
</body>
</html>'단순 코드 기록 > jQuery' 카테고리의 다른 글
| jQuery_Closest&Parent&Next/Prev (0) | 2024.02.14 |
|---|---|
| jQuery_has&Slice&Content&children (0) | 2024.02.14 |
| jQuery_리스트 위치&input태그&특정 문자열 찾기&속성 중첩 (0) | 2024.02.14 |
| jQuery_Tag&Label&Href&Constraint (0) | 2024.02.14 |
| jQuery_CDN+Arr+List (0) | 2024.02.14 |