본문 바로가기
반응형

참고72

Jquery - 인접 관계 선택자 *부모 요소 선택자 - parent( ) // 부모 요소 선택자 $(function(){ $("요소").parent.css("속성명", "값"); }); ex) // 부모 자식 요소 선택") 2. $("요소 선택").children("자식 요소 선택") // 1번과 2번은 선택한 요소를 기준으로 지정한 자식 요소"만" 선택 3. $(요소 선택").children() // 3번은 선택한 요소를 기준으로 "모든" 자식 요소를 선택 --------------------------------------------------------------------- 이것 3 2020. 5. 25.
Jquery - 직접 선택자 *id, class 선택자 // id 선택자 $(function(){ $("#id").css("속성", "값"); }); // class 선택자 $(function(){ $(".class").css("속성", "값"); }); *요소명 선택자(Tag Name) // 요소명 (Tag Name) $(function(){ $("요소명").css("속성", "값"); }); ex) $("h1").css("color", "red"); h1요소의 글자가 빨간색으로 바뀜 *그룹 선택자 // 그룹 선택자 $(function(){ $("요소1, 요소2, 요소3").css("속성명", "값"); }); ex) $(function(){ $("#tit, h3").css("background-color", "blue") .cs.. 2020. 5. 25.
콜백함수와 DOM 제어 *1초마다 갱신하기 날짜 갱신 // 버튼생성하여 클릭 //여기에 출력됨 결과 처음엔 버튼이 보인다. 클릭하면 1초뒤에 Fri May 22 2020 15:14:52 GMT+0900 (대한민국 표준시) 가 뜨고 1초마다 데이터가 갱신되어서 초가 계속 변함 2020. 5. 22.
jquery - 선택자(selector) *기본문법 // 선택한 요소에 지정한 "스타일"을 적용함. $("CSS 선택자").css("스타일 속성명", "값"); ---------------------------------------------- // 선택한 요소에 지정한 "속성"을 적용함. $("CSS 선택자").css("속성명", "값"); *글자 색상 변경 Jquery Selector // h2를 빨간색으로 변경 Direct Selector 결과 h2에 있는 Selector 글자가 빨간색으로 바뀜 2020. 5. 22.
반응형