본문 바로가기
반응형

전체 글121

[jquery] jquery 선택자 (형제 선택자) 전체 형(이전) / 동생(다음) 선택자 기본형 $("요소 선택").prevAll() $("요소 선택").nextAll() 형제 관계 선택자 내용1 내용2 내용3 내용4 $(".txt").prevAll() -> .txt 기준으로 이전에 오는 형제 요소 전부 (h1,p-내용1) $(".txt").nextAll() -> .txt 기준으로 다음에 오는 형제 요소 전부 (p-내용3, p-내용4) 전체 형제 요소 선택자 선택한 요소의 모든 형제 요소를 선택합니다. $("요소 선택").siblings(); 형제 관계 선택자 내용1 내용2 내용3 내용4 .txt인 요소를 기준으로 전체 형제요소에 css가 적용 되었습니다. 범위 제한 전체 형/동생 요소 선택자 $("요소 선택").prevUntil("범위 제한 요소 선택.. 2020. 2. 2.
[jquery] jquery 선택자 (인접선택자, 부모요소 선택자, 하위요소 선택자) 인접 관계 선택자 인접 관계 선택자는 선택한 요소와 가까이에 있는 요소를 선택할 때 사용합니다. 제목1 제목2 내용1 내용2 내용3 wrap은 h1,h2,p의 상위 요소 h1,h2,p는 warp의 하위 요소 inner_wrap은 h1,h2,p의 부모(parent) 요소 h1,h2,p는 inner_wrap의 자식(children) 요소 h1은 h2의 형(prev)요소 p는 h2의 동생(next)요소 h2의 동생 선택자인 next() 함수를 사용하여 의 동생요소인 내용1을 선택하여 글자색을 초록색으로 적용합니다. h2의 부모 선택자인 parent() 함수를 사용하여 의 부모 요소인 을 선택하여 1px 빨간색 실선 테두리를 적용합니다. 부모 선택자 부모 요소 선택자 리스트1 리스트 1-1 리스트 1-2 리스트.. 2020. 2. 1.
삼성 - 폴더 스마트폰 갤럭시 '폴더2' 내 핸드폰은 아니고, 얼마전에 지인분이 새로 산 핸드폰인데 너무 오랜만에 보는 폴더폰이여서 반갑기도 하고 예전에 폴더폰 쓸때 전화 끊고 탁!하고 폴더 닫던 느낌이 생각나서 글써봤다. 효도폰이 있는 줄은 알았지만 효도폰은 예전 폴더폰처럼 기본 기능만 있고 와이파이잡고 앱다운받고, 카톡하는건 안될줄 알았는데 요즘은 스마트폰 폰더 버전이 이렇게 따로 있는줄은 몰랐다. 삼성하면 파란색이 시그니처 컬러인데 폴더2 박스로 조금 색 보정한 파란색(하늘색에 가까운데 이색이 더 예쁘다). 박스 구성은 작은만큼 간단했다. 핸드폰, 충전기, 이어폰 끝! 폴더2 색상은 검정색인데 케이스때문인지 빛에 반사되서 마치 노트텐 아우라 글로우인것마냥 찍였다. 충전중일때는 아래에 저렇게 빨간 불 들어와서 충전중이라는 표시를 해준다. (.. 2020. 1. 28.
카카오톡 ID 변경하는 방법(lg 유플러스 가입확인서) 카카오톡 ID등록한지 꽤나 오래됐고 PC카카오톡은 등록했던 ID로 로그인해서 잘 쓰고있었는데 갑자기 ID가 굉장히 어색하길래 봤더니 예전에 쓰던 네이버 이메일 주소였다. 네이버이메일이 2개여서 안쓰던 아이디를 탈퇴했는데 탈퇴한 아이디를 예전에 카카오톡 id로 등록을 해놨어서 계속 쓰고있었던것 같다. 여태까지 별일 없이 계속 사용하고 있었는데 탈퇴한 아이디를 계속 쓰고있다는 뭔가 모를 찝찝함이 있어서 카카오톡 id를 바꿀수 있는지 카카오톡 어플을 통해서 문의 했더니 2일 뒤 메일로 답변이 왔다. "양도하거나 판매하는 이유로 바꿀수는 없고, 이메일을 정상적으로 수신할 수 없는 경우에 한하여 해당 카카오계정에 연결되었던 휴대폰 번호의 이용계약증명서로 계정 소유주 확인 후 이메일 주소 변경을 지원해 드립니다.".. 2020. 1. 25.
안양일번가 먹기좋게 구워주는 오겹살고기집 '안양 재본소' 안양 재본소 위치 : 경기 안양시 만안구 장내로 149번길 9 영업시간 : 매일 12:00 - 24:00 오랜만에 친구들과 안양에서 만나는 약속이 잡혀서 어디갈까 찾다가 발견한 안양 재본소 고기집! 다들 안양사는데 항상 서울에서 놀아서 정작 안양에서는 자주 안만나는 아이러니라니ㅋㅋ 안양에서 잘 안놀긴 하지만 안양 좋음.(단호) 암튼, 안양 재본소 고기집은 롯데리아골목으로 들어가면 고깃집이 쫘라라락 있는 골목에 위치해있다. 다른가게들과 차이점이라면 밖에서 보면 고깃집 같지않은 분위기와 안양재본소 입구에서 짧은 자갈밭(?) 같은 곳을 조금 걸어 들어가면 위치해 있다. 입구를 이런식으로 꾸며놓아서 그런지 양옆에있는 식당들과 분리된 느낌이 있었다. 연말, 금요일, 퇴근시간이라 대기하는 5팀정도 있어서 기다렸다가.. 2020. 1. 21.
[jquery] jquery 제이쿼리 선택자 제이쿼리 선택자 사용하기(기본형) 1. 선택한 요소에 지정한 스타일을 적용합니다. $("CSS 선택자").css("스타일 속성명","값"); $("CSS 선택자").css({"스타일 속성명":"값"}); 2. 선택한 요소에 지정한 속성을 적용합니다. $("CSS 선택자").attr("스타일 속성명","값"); 선택자를 이용하여 id="title"인 h1의 글씨색을 파란색으로 바꾸는 예시입니다. 안녕하세요~ on sunday입니다 ^^ 아래 표는 기본 선택자의 종류입니다. 구분 종류 사용법 설명 직접 선택자 전체 선택자 $(*) 모든 요소를 선택합니다. 아이디 선택자 $("#아이디명") id 속성에 지정한 값을 가진 요소를 선택합니다 클래스 선택자 $(".클래스명") class 속성에 지정한 값을 가진 요.. 2020. 1. 20.
[CSS] display:tabel 을 이용한 연혁표 만들기 2019 11.24 on sunday 티스토리 블로그 개설 11.24 첫 포스팅 시작함 11.25 on sunday 바람개비마을 포스팅 11.26 서촌 준수방키친 포스팅 2019 on sunday 티스토리 블로그 개설 11.24 첫 포스팅 시작함 11.24 on sunday 바람개비마을 포스팅 11.25 서촌 준수방키친 포스팅 11.26 * { margin: 0; padding: 0; box-sizing: border-box; } ul,li { list-style: none; } a { text-decoration: none } #history { width: 1200px; margin: 0 auto; } #history h2 { text-align: center; font-size: 24px; colo.. 2020. 1. 19.
[css] display:table-cell;을 이용한 갤러리 만들기 갤러리 on sunday의 갤러리 만들기 on sunday의 갤러리 만들기 on sunday의 갤러리 만들기 on sunday의 갤러리 만들기 on sunday의 갤러리 만들기 on sunday의 갤러리 만들기 * { margin: 0; padding: 0; box-sizing: border-box; } ul,li { list-style: none; } a { text-decoration: none } #content_box { height: 400px; background-color: slategray; } #gallery { width: 580px; height: 230px; } .gallery_title { height: 45px; border-bottom: 1px solid #dfdfdf; mar.. 2020. 1. 18.
[css] display:table-cell 을 이용한 원형에 배경넣기 on sunday tistory html+css javascript jquery re:view 2020. 1. 17.
반응형