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>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.