위키
포럼
도구
바뀐글
랜덤

"JQuery 셀렉터 예제"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(사용자 2명의 중간 판 5개는 보이지 않습니다)
3번째 줄: 3번째 줄:


==예시==
==예시==
<source lang='html5'>
<syntaxhighlight lang='html5'>
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="//code.jquery.com/jquery.min.js"></script>
<script>
<script>
$(function(){
$(function(){
$("span").css("border", "3px solid black");
$("span").css("border", "3px solid black");
$("#a").css("background", "salmon");
   
$('.b').css("background", "khaki");
$("#box1").css("background", "salmon");
$('.box2').css("background", "khaki");
$('[my-data="1234"]').css("background", "lightgreen");
$('[my-data="1234"]').css("background", "lightgreen");
});
});
</script>
</script>
<span class="box2">안녕</span>
<span>친구들</span>


<div id="a">가</div>
<div id="box1">가</div>
<div class="b" >나</div>
<div class="box2">나</div>
<div my-data="1234">다</div>
<div my-data="1234">다</div>
<span class="b">라</span>
</syntaxhighlight>
<span>마</span>
<jsfiddle height='120'>knnv9hoj</jsfiddle>
</source>


==같이 보기==
==같이 보기==

2020년 11월 2일 (월) 02:53 기준 최신판

jQuery 셀렉터 예제

1 예시[ | ]

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function(){
	$("span").css("border", "3px solid black");
    
	$("#box1").css("background", "salmon");
	$('.box2').css("background", "khaki");
	$('[my-data="1234"]').css("background", "lightgreen");
});
</script>
 
<span class="box2">안녕</span>
<span>친구들</span>

<div id="box1">가</div>
<div class="box2">나</div>
<div my-data="1234">다</div>

2 같이 보기[ | ]

원본 주소 "https://zetawiki.com/w/index.php?title=JQuery_셀렉터_예제&oldid=607307"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}