반응형 html489 jQuery parents() Method jQuery parents() Method The parents() method returns all ancestor elements of the selected element, all the way up to the document's root element (). [이 parents()메서드는 문서의 루트 요소( ) 까지 선택한 요소의 모든 상위 요소를 반환합니다 .] html parents parents css ul { padding:0; margin:0; list-style:none; } li { height:40px; line-height:40px; text-align:center; border:1px solid #ddd; border-top:0; } li:first-child { border-.. 2022. 1. 12. jQuery hover() Method The hover() method specifies two functions to run when the mouse pointer hovers over the selected elements. This method triggers both the mouseenter and mouseleave events. (hover() 메서드는 마우스 포인터가 선택한 요소 위에 있을 때 실행할 두 가지 함수를 지정합니다. 이 메서드는 mouseenter 및 mouseleave 이벤트를 모두 트리거 합니다.) html jQuery hover() Methodt jQuery hover() Methodt jQuery hover() Methodt jQuery hover() Methodt jQuery hover() Methodt.. 2022. 1. 8. Pure CSS Animated custom radio buttons - 라디오 버튼 html / css demo and code ▼ Pure CSS Animated custom radio buttons Example Pure CSS Animated custom radio buttons snippet for your project 📌📌. this snippet is created using HTML, CSS, Pure CSS, Javascript bbbootstrap.com 2022. 1. 5. Bootstrap 4 custom radio button - 반응형 라디오 버튼 html / css (Responsive) Bootstrap 4.3.1 CSS / Bootstrap 4.3.1 JS / jquery 3.2.1 demo and code ▼ Bootstrap 4 custom radio button Example Bootstrap 4 custom radio button snippet for your project 📌📌. this snippet is created using HTML, CSS, Bootstrap 4, Javascript bbbootstrap.com 2022. 1. 5. Pure CSS custom radio button animation - 라디오 버튼 html / css 로 작성됨 Link demo and code ▼ Pure CSS custom radio button animation. Example Pure CSS custom radio button animation. snippet for your project 📌📌. this snippet is created using HTML, CSS, Pure CSS, Javascript bbbootstrap.com 2022. 1. 5. 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. 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. 이전 1 ··· 34 35 36 37 38 39 40 41 다음
