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

7번째 줄: 7번째 줄:
<script>
<script>
$(function(){
$(function(){
$("span").css("border", "1px solid black");
$("span").css("border", "3px solid black");
$("#a").css("background", "salmon");
$("#a").css("background", "salmon");
$('.b').css("background", "khaki");
$('.b').css("background", "khaki");
14번째 줄: 14번째 줄:
</script>
</script>


<div id="a">A</div>
<div id="a"></div>
<div class="b" >B</div>
<div class="b" ></div>
<span class="b">C</span>
<div my-data="1234"></div>
<div my-data="1234">D</div>
<span class="b"></span>
<span>E</span>
<span></span>
</source>
</source>



2014년 11월 27일 (목) 10:44 판

jQuery 셀렉터 예제

1 예시

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
$(function(){
	$("span").css("border", "3px solid black");
	$("#a").css("background", "salmon");
	$('.b').css("background", "khaki");
	$('[my-data="1234"]').css("background", "lightgreen");
});
</script>

<div id="a"></div>
<div class="b" ></div>
<div my-data="1234"></div>
<span class="b"></span>
<span></span>

2 같이 보기

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}