728x90
속성 관련 메서드
이번 시간에는 클래스 속성과 관련된 메서드에 대해 알아보겠스빈다!
attrClass() 메서드
요소에 class 속성을 추가시켜주는 메서드 입니다~~!
| 실행 분류 | 형식 |
|---|---|
| 취득 | &("a").attr("href"); |
| 생성, 변경 | &("a").attr("href", "http://icoxpublih.com").attr("target", "_blank"); |
| &("a").attr({href: "http://icoxpublih.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></td> |
prop() 메서드
attr()가 html attribute(속성)에 관련된 메서드라면 prop()는 자바스크립트 propetty(프로퍼티)에 관련된 메서드에요!
prop() 메서드는 요소의 속성을 true, false로 제어가 가능합니다 ^^b!!
자바스크립트 : 예제 완성용
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
$(document).ready(function () {
$("#m_menu a.m").click(function () {
$(this).next().addBack().toggleClass("on").end().find(".m, ul").removeClass("on").end().parent().siblings().find(".m, ul").removeClass("on");
return false;
});
});
</script>
</head>
</html>
예제완성
728x90
반응형
'jQuery' 카테고리의 다른 글
| 제이쿼리 style 관련 메서드에 대하여.... 🦑 (13) | 2022.09.03 |
|---|---|
| 4가지! 클래스 메서드? (9) | 2022.09.03 |
| 속성 선택자에 대해 araboza~~~ (7) | 2022.08.31 |
| 필터 선택자에 대해 알아보자! 무야호~~~~! (7) | 2022.08.31 |
| 기본/탐색&기타탐색 선택자는 대체 뭘까? (8) | 2022.08.31 |
댓글