<!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>
<a href="http://www.naver.com" title="naver" id="id">naver.com</a>
</p>
<p>
<a href="http://www.tutorialspoint.com" id="w3s">tutorialspoint.com</a>
</p>
<button>href와 title 변경</button>
<script type="text/javascript">
$(function() {
$("button").click(function() {
// $("#id").attr("title", "daum"); // 하나만 변경시
$("#id").attr({
"title" : "daum", // setter
"href" : "http://www.daum.net"
});
$("#id").text("daum.net");
var href = $("#id").attr("href"); // getter
// alert("href = " + href);
$("#w3s").attr("href", function(i, origValue) {
// alert("i = " + i);
// alert("origValue = " + origValue);
return origValue + "/jsp"; // https://www.tutorialspoint.com/jsp
});
});
});
</script>
</body>
</html>
jQuery 기초 ((문자열 추가 .before / .after) (문자열 삭...
