728x90 HTML3 css 가상요소 before,after css 가상 요소를 사용해 볼 것이다. li 대신 리스트 앞에 네모 도트를 만들어보자. before : 선택한 요소 바로 앞에 내용 추가 after : 선택한 요소 바로 뒤에 내용 추가 라고 보면 될 듯? 가상의 값?이라서 개발자 도구로 열면 내용은 안보인다 ::beforef로 되어있어 css로 봐야한다. html 코드는 다음과 같이 작성 첫번째 두번째 test test css 는 다음과 같이 작성 content로 가상의 영역(?)을 만들어 주고 모양을 잡음! content에 글자를 넣으면 해당 요소 앞이나 뒤쪽에 글자가 생김! .all-area .list-item::before{ content: ''; display: inline-block; width: 2px; height: 2px; backgrou.. 2021. 10. 22. javascript,jquery로 반복문 써서 체크박스 모두 체크 체크박스는 다음처럼 되어있다. 자바스크립트 사용시 document.querySelectorAll("input[name^='check_product[]']").forEach(function(item){ item.checked=true }); 제이쿼리 사용시 $('input:checkbox[name="check_product[]"]').each(function() { $(this).prop('checked',true); }); 결과 모두 체크된다!! 2021. 9. 13. 특정 요소를 복사하고 싶을때 clone 사용 추가를 누르면 7번 바로 위에 8번이라는 입력란이 또 표시되게끔 하고싶어 clone을 사용 추가버튼에 아이디를 add로 지정해줌. $('#add').on('click',function(){ var oObj = $(".question-area tr:last").clone(true); //question-area클래스 자식들중 마지막 tr을 복사한다. oObj.find('.text-no').text($('.question-area').find('tr').length+1); //No. 바꾸기 -> 복사한 객체에서 question-area 를 클래스로 가지는 요소에서 tr의 갯수에 +1 한 값으로 바꿔준다. oObj.find('.question-content').val(''); //복사한 객체에서 textare.. 2021. 9. 13. 이전 1 다음
