728x90
π jQuery μμ± λ©μλμ λν΄ μμλ΄ μλ€ !
π attr() λ©μλ
μ νν μμμ attribute(μμ±)λ₯Ό μ ν, μμ±, λ³κ²½ν μ μμ΅λλ€.
| μ€ν λΆλ₯ | νμ |
|---|---|
| μ·¨λ | $("a").attr("href"); |
| μμ±, λ³κ²½ | $("a").attr("href", "http://www.google.com/").attr("target", "_blank"); |
| $("a").attr({href: "http://www.google.com/", target: "_blank"}); | |
| μ½λ°± ν¨μ | $("a").attr("href", function(index, h) { // indexλ κ° a μμμ index 0,1,2 // hλ κ° a μμ href μμ± return attribute (μμ±) // κ° a μμμ μμ±μ μμ± λ° λ³κ²½ν¨. }); ... <a href="http://www.daum.net" target="_blank" title="μμ°½">λ€μ</a> <a href="http://www.naver.com" target="_blank" title="μμ°½">λ€μ΄λ²</a> <a href="http://www.nate.com" target="_blank" title="μμ°½">λ€μ΄νΈ</a> |
π’ μ§μ μ μ©νλ©΄μ μ΄ν΄νμ !
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>attr() λ©μλ<title>
<script src="jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function() {
console.log($("#site > a:eq(0)").attr("href"));
$("#site > a:eq(1)").attr("href", "http://m.naver.com").text("λ€μ΄λ² λͺ¨λ°μΌ");
$("#site a").attr("title", function() {
return "μμ°½";
});
});
</script>
</head>
<body>
<div id="site>
<a href="http://www.daum.net" target="_blank">λ€μ</a>
<a href="http://www.naver.com" target="_blank">λ€μ΄λ²</a>
<a href="http://www.nate.com" target="_blank">λ€μ΄νΈ</>
</di>
</body>
</html>
π prop() λ©μλ
prop() λ©μλλ μμμ μμ±μ true/falseλ‘ μ μ΄ν μ μμ΅λλ€.
attr(); html attribute(μμ±) κ΄λ ¨ λ©μλ
prop(); μλ°μ€ν¬λ¦½νΈ property(νλ‘νΌν°) κ΄λ ¨ λ©μλ
π’ μ§μ μ μ©νλ©΄μ μ΄ν΄νμ !
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>prop() λ©μλ<title>
<script src="jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function() {
console.log($("input:checkbox").eq(0).attr("checked"));
console.log($("input:checkbox").eq(1).prop("checked"));
$("input:checkbox").eq(0).attr("checked", "checked");
$("input:checkbox").eq(1).prop("checked", true);
console.log($("input:checkbox").eq(0).attr("checked"));
console.log($("input:checkbox").eq(1).prop("checked"));
});
</script>
</head>
<body>
<input type="checkbox" id="html"><label for="html">html</label>
<input type="checkbox" id="css"><label for="css">css</label>
</body>
</html>
'JAVASCRIPT > jQuery' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
| jQuery | μ€νμΌ λ©μλ (2) | 2022.09.04 |
|---|---|
| jQuery | ν΄λμ€ λ©μλ (2) | 2022.09.04 |
| jQuery | νμ μ νμ (8) | 2022.08.31 |
| jQuery | νν° μ νμ (7) | 2022.08.31 |
| jQuery | μμ± μ νμ (9) | 2022.08.30 |
λκΈ