전체 글302 css( )에 대해... 1. css(속성이름) - css("color") 1-1. css(속성이름들) - css( [ "width", "height", "color" etc... ] ) - 배열 안에 속성이름들을 넣어준다. 2. css(속성이름, 속성값) - css("color", "red") 2-1. css(속성이름, 함수) - css("width" function( ){ return }) - 값이 동적으로 변할 경우 함수형를 인자로 넣어준다. 2-2. css(속성들) - css( styles(변수) ) 변수를 객채형으로 만들고 키와 값을 css스타일 표기법에 맞추어 넣어주고, 그 변수를 css( ) 매소드에 넣는다. 2020. 12. 16. 대입연산자 " == " 와 " === " 의 차이 = 값을 지정 == 값을 비교 (동등 연산자) === 값과 데이터 타입을 비교 (일치 연산자) == 피연산자가 서로 다른 타입이면 타입을 강제로 변환하여 비교한다. 하지만 형 변환이 어떻게 되는지 하나하나 외워서 사용하는 것은 복잡하기만 할 뿐이다. === 하지만 ===연산자는 일치 연산자로, 두 피연산자를 더 정확하게 비교한다. 2020. 12. 16. nth-child( ) 2020. 12. 15. select태그 관련 [1] Select 태그의 값을 순서, Index로 찾기, SelectedIndex let selectItem = document.getElementById("셀렉트요소"); let optItem = selectItem.options[selectItem.selectedIndex].value; [2] $("셀렉트요소").val(info.branch_idx).prop("selected", true); ** 셀렉트 태그의 value 속성값이 info.branch_idx값일 경우, 속성 selected속성값을 true로 만듬. 대상(select태그).options는 지정한 select태그에 있는 option태그들에 대한 접근이다. 활용법 : 대상(select태그).options.length = option의 길.. 2020. 12. 10. CSS의 신기한 선택자 모음들 developer.mozilla.org/ko/docs/Web/CSS/Attribute_selectors a { color: blue; } /* Internal links, beginning with "#" */ a[href^="#"] { background-color: gold; } /* Links with "example" anywhere in the URL */ a[href*="example"] { background-color: silver; } /* Links with "insensitive" anywhere in the URL, regardless of capitalization */ a[href*="insensitive" i] { color: cyan; } /* Links with "cAsE".. 2020. 12. 7. input 전체 선택 [live.( ) / if( ){ } / prop( )] // 전체 선택 $("대상(input)").live("change",function(e){ // 전체선택 checkbox //e.preventDefault(); if($(this).is(":checked")) // 만약 대상이 checked일때, 아래 코드가 실행된다. $(대상의 부모).find("input[type=checkbox]").prop("checked",true); // checkbox의 상위 요소를 선택 → 그리고 checkbox들 모두를 제어 else $(대상의 부모).find("input[type=checkbox]").prop("checked",false); }) 2020. 11. 25. 이전 1 ··· 34 35 36 37 38 39 40 ··· 51 다음
