javascript 3 페이지
javascript
전체 97건 3 페이지
  • [jquery] 여러개(다중) 클래스를 선택하고자 할때
    profile_image 페이지에 하나만 있는 ID를 선택자로 사용하면 좋은데 간혹 그렇지 못한 경우가 있습니다.이럴때는 class가 있을 경우 클래스를 선택자로 하는데 여러개가 한꺼번에 있을 때 AND 조건인 경우와 OR 조건인 경우에 해당 하는 것입니다. <div class="offcanvas-header navbar-shadow px-4 mb-3">위와 같이 여러개가 있을경우아래는 AND 조건이 되고. 그렇기 때문에 아래 모두 일치하는 엘리먼트를 삭제 하게 됩니다.$(".offcanvas-header.navbar-shadow.px-4.mb-3").remove();이번꺼는 OR 조건이 됩니다. 하나라도 일치 하는 것은 모두 없애는…
  • div box 글자의 픽셀(px) 구하는 방법(calculating-text-width)
    profile_image 원리를 알면 간단합니다.어떤것이든지 알고나면 간단핝데 알기전에는 정말 쉬원것도 모르면 답답한 법입니다.보통 이미지나 div 박스등은 가로 세로의 픽셀을 구할 수 있습니다.그런데 div 박스 안의 텍스트 글자의 전체 길이를 픽셀로 구하고 싶은 경우가 있는데요.이런 경우 사용하는 방법입니다.이는 가운데로 정렬 되어 있어도 크게 다르지 않습니다. 방법은 다음과 같습니다.박스를 두개 사용하는데 안쪽의 박스에는 TEXT 글자가 들어가 있고 span으로 감싸고 밖을 div나 또는 다른것으로 감싸면 됩니다.width = $(this).find('span:first').width();그리고 밖의 박스에서 위치와 가로세로 높이를 구합니…
  • div 또는 이미지 중첩 되었을때 안쪽의 크기
    profile_image 상대적으로 설정 되어 있거나 또는 다른 형태로든 관계 없이 박스와 박스의 사이의 간격을 알고 싶으면 각  박스의 값을 구해서 서로 빼 주면 간격을 알 수 있습니다.이미지 크기 또는 대상의 크기jQuery 에서 소수점포함(더 정확히) 알고자 할때는 아래를 사용한다..width() .outerWidth()이미지의 경우 화면에 보이는 렌더링된 크기가  아닌 원본 크기: prop('naturalWidth')소수점 없음: prop('offsetWidth') 바닐라 자바스크립트: domRect = element.getBoundingClientRect();jQuery: $("#"+id)[0].getBoundingClientRect(…
  • [jQuery] div태그 안쪽에 있는 input 찾아서 값을 가져오기
    profile_image id값이 없을때 안쪽에 있는것 찾는 방법에 해당 하는것입니다.동적으로 생성되거나 할때는 id값을 일일이 주기 힘든 경우가 있습니다. 이럴때는 여러개 있어도 관계가 없는 class 를 이용하는것도 방법입니다. $(document).ready(function() {  // div 안쪽에 input box가 있는데 id 값이 없을 때  //  > 클래스를 하나 줘서 찾는 방법도 있다. id는 문서에서 유일해야 하지만 class는 여러개 와도 관계 없음.  $("#inboxDiv").find("input").each(function()  {    console.log(this);  // html 출력    console.…
  • [jQuery] 파일 확장자 체크하기
    profile_image 특정 파일만 받고자 할때 체크하는 방법입니다.확장자로 체크하는데 더 좋은것은 MIME로 체크하면 더 좋습니다.확장자는 얼마든지 변경할 수 있고 더 문제는 아무렇게나 확장자를 변경하는 경우도 있습니다.<script>  $("#images").on("change", function(e)  {    var files     = e.target.files;    var filesArr  = Array.prototype.slice.call(files);    filesArr.forEach(function(f)    {      /*        lastModified: 12345657890234      lastMod…
  • [jQuery] 텍스트박스 한쪽으로 입력하는 그대로 넣어주기
    profile_image HTML의 form에서 인풋박스에서 jQuey를 이용한 데이터를 그대로 다른 인풋박스에 넣어주는 간단한 프로그램 입니다.키보드 입력에 대한것은 keydown 과 keyup이 있는데 입력한 정보를 얻을때는 keyup 입니다.눌린다음 올라올때 비로서 입력한 값을 얻을 수 있습니다. keydown도 감지는 되지만 입력된것을 얻을 수는 없습니다.  <input type="text" name="test1" id="test1"><input type="text" name="test2" id="test2"><script>  $("#test1").on("keyup", function(e)  {    le…
  • [jQuery] 첫번째 하위요소의 스타일 변경하기
    profile_image jQuery를 이용한 태그의 하위요소중에서 첫번째 요소에 대한 스타일 속성을 변경하는 방법에 대한 것입니다.아래는 자바스크립트 변수로 처리 되었지만 테스트 할때는 상수를 넣어 해보시면 됩니다.아래와 같이 사용하면 됩니다. $( "#"+idname ).css( 'touch-action', status);$( "#"+idname + " > div:first-child").css( 'touch-action', status);● 참고한곳https://homzzang.com/b/jquery-52
  • 배열 값 또는 인덱스로 삭제하기
    profile_image 요즘은 배열 보다는 객체로 많이 사용되기도 하는데요.배열을 삭제 하는 방법에 대한것입니다.기본적으로 있는 remove는 완전히 없어지는 것이 아니라 빈방으로 만드는 역활을 합니다.그렇기 때문에 갯수를 체크하면 생각과 다를 수 있습니다. 현재의 브라우저 버전에서도는 사용해서 문제 되지 않습니다.  Array.prototype.removeByValue = function (val) {    let arrRtn  = this.filter(item => item !== val);    return arrRtn;  }  // 0 부터 시작 한다  Array.prototype.removeByIndex = function ( …
  • [jQuery] 요소(태그) 복사 후 id변경 하기
    profile_image jQuery를 이용한 방식이기 때문에 아래에는 명시 되어 있지 않지만 라이브러리 추가 해야 됩니다.확인하는 방법은 브라우저의 소스보기를 통해 가능 합니다.   <div class="target" id="target1"> target 1 </div>  <div id="source">source</div>    <input type="button" value="clone replaceAll target 1" id="btn1" />  <script>    $(document).ready(function() {        $('#btn1').click(funct…
게시물 검색