jQuery 학습 강좌 (6): 속성 조작 과 CSS 조작

2016 단어 jquery
속성 조작
1. 속성 획득 및 설정 속성
$(selector).attr(attribute);$(selector).attr(attribute,value)
예, < a href = "http://www.51obj.cn/"title =" blank "> < / a > 는 $(" a "). attr (" href ") 를 사용 하여 href 속성 을 가 져 옵 니 다.이러한 방식 은 매우 우아 하 다. 즉, 매개 변수 (또는 하나의 매개 변수) 가 없 는 함 수 를 사용 하여 가 져 오고 여러 개의 매개 변 수 를 가 진 함수 로 관련 값 을 설정 하 는 것 이다.
2 、 속성 삭제
$(selector).removeAttr(attribute)
2. StyleSheet 조작
1. 스타일 및 설정 스타일 을 가 져 옵 니 다. $(selector). attr (css - selecotr) 를 사용 하면 해당 css 의 값 을 가 져 올 수 있 습 니 다. $(selector). attr (css - selector, value) 를 사용 하면 값 을 설정 할 수 있 습 니 다.
$(selector).addClass(css-class);//class 를 추가 하면 CSSer 는 class 가 중첩 방식 을 사용 할 수 있다 는 것 을 기억 합 니 다. 예 를 들 어 < div class = "page centerTd" > < / div > 는 div 에 다양한 스타일 을 설정 할 수 있 습 니 다 (그리고 ie6 도 지원 합 니 다!).attr ("class", value) 방식 을 사용 하 는 것 은 번 거 롭 고 추가 효 과 는 "덮어 쓰기" 이 며 addClass 는 "추가" 입 니 다.
2. 스타일 제거
$(selector).removeClass(css-class)
또한 jQuery 는 두 요소 css 클래스 를 전환 하 는 함수 toggleClass () 를 제공 합 니 다. 사용 방법 $(selector 1). toggleClass (selector 2)
어떤 스타일 이 있 는 지 판단 하기
$(selector).hasClass(css-class)
예시
<style type="text/css"> 
	.err{ border:solid 1px #d00; background:#fcc; font-size:12px; padding:10px;}  
</style>
<script type="text/javascript"> 
	$(function(){  
		$('#btnAddClass').click(function(){  
			$('p').addClass('err');  
		});  
		$('#btnRemoveClass').click(function(){  
			$('p').removeClass('err');  
		});  
		$('#btnSetStyle').click(function(){  
			alert("   :
color:" + $('p').css('color')); $('p').css('color','#f00'); alert(" :
color:" + $('p').css('color')); }); }); </script>

좋은 웹페이지 즐겨찾기