본문 바로가기
반응형

프로그램546

jQuery siblings() Method The siblings() method returns all sibling elements of the selected element. (siblings() 메서드는 선택한 요소의 모든 형제 요소를 반환합니다.) html jQuery siblings() Method jQuery siblings() Method jQuery siblings() Method jQuery siblings() Method jQuery siblings() Method css .layout { border:1px solid #dddddd; width:100%; } ul { list-style:none; padding:0 10px; margin:0; } li { margin:10px 0; padding:5px; border:1px s.. 2021. 12. 31.
jQuery parent() Method The parent() method returns the direct parent element of the selected element. (parent() 메서드는 선택한 요소의 직접적인 부모 요소를 반환합니다.) html Hello Lorem Ipsum Dolor css .color { color:red; font-size:2em; font-weight:bold; } Jquery $( '.p1' ).parent( 'div.d1' ).css( 'font-size', '2em'); $( '.p1' ).parent().siblings('h3').addClass('color'); Result(결과) 2021. 12. 31.
jQuery find() Method The find() method returns descendant elements of the selected element. (find() 메서드는 선택한 요소의 하위 요소를 반환합니다.) html Lorem Ipsum Dolor Lorem Ipsum Dolor css .color { color:red; font-size:2em; font-weight:bold; } Jquery $( '.a' ).find( 'span.s2' ).css( 'font-size', '2em'); $( '.b' ).find( 'span.s3' ).addClass('color'); Result(결과) 2021. 12. 31.
alert message box(간단한 경고 메세지 박스) 간단한 경고 메세지 창 소스를 알아보자 html 부분 × Danger! Indicates a dangerous or potentially negative action. × Success! Indicates a successful or positive action. × Info! Indicates a neutral informative change or action. × Warning! Indicates a warning that might need attention. CSS 분분 .alert { padding: 20px; background-color: #f44336; color: #ffffff; margin-bottom: 15px; } .alert.success {background-color: #04.. 2021. 12. 30.
unit converter(단위 변환기 소개) 웹사이트 제작시 주로 사용되는 단위 변환 종류 css 작성시 유용하게 사용 할 수 있다. PX to REM converter REM to PX converter PX to EM converter EM to PX converter PX to percentage converter Percentage to PX converter 해당 사이트 바로가기 ▶ 2021. 12. 17.
Simple Modal Box Snippet - 모달 html, css, javascript로 만들어진 모달 바로가기 2017. 5. 26.
Custom checkboxes, radio buttons and select boxes - 체크박스,라디오버튼 ,선택박스 html, css로 만들어진 체크박스, 라디오버튼, 선택(select)박스 바로가기 2017. 5. 25.
Switchy checkbox - 체크박스 html, css, javascript로 만들어진 체크박스 바로가기 2017. 5. 25.
Radio Button Big Square - 라디오버튼 html, css로 만들어진 라디오버튼 바로가기 2017. 5. 24.
Radio Group using labels - 라디오버튼 html, css로 만들어진 라디오버튼 바로가기 2017. 5. 24.
CSS Radio Buttons - 라디오버튼 html, css로 만들어진 라디오버튼 바로가기 2017. 5. 23.
Ripple animation on input type radio and Checkbox - 라디오버튼/체크박스 html, css로 만들어진 라디오버튼/체크박스 바로가기 2017. 5. 23.