본문 바로가기
jQuery 스타일 적용 ① 배경색 바꾸기 배경색 바꾸기. $(document).ready(function(){$(' #el' ).css( "background", 'yellow');}); // 배경색 바꾸기. ② 스타일 여러개 적용하기 여러개 스타일 적용. $(document).ready(function(){$(' #el' ).css( {"width:300, height:400, padding:10});;}); // 여러개 스타일 적용하기.// px 픽셀외에 단위는 "em" "%" 등등 은 문자열과 단위를 함께 작성해야함 ex) width:300% ③ 스타일 읽어오기 더보기
jQuery 어트리뷰트 attr() 메서드 사용 ① 어트리뷰트 값 가져오기 $(document).ready(function(){var value = $(':input').attr('value');document.write(value);}); ② 어트리뷰트 속성값 추가 $(document).ready(function(){$(':input').attr('value', '에잇'); }); // ③ 어트리뷰트 속성 제거하기 $(document).ready(function(){$(':input').removeAttr('value'); }); // 더보기
jQuery 어트리뷰트 속성 값 attr() ① attr() 속성값 불러오기 $(document).ready(function(){var value = $(':input').attr('value');document.write(value); }); attr() 메서드 인자값을 한개 넘기면 속성값 불러오기// 꼬망이는 귀엽다 출력 ② attr() 속성값 주기 $(document).ready(function(){var value = $(':input').attr('value', '초코도 귀엽다'); }); attr() 메서드 인자값을 두개 넘기면 속성값 주기// 더보기
jQuery 메서드 정리 ① size()recthellowhellowhellow $(document).ready(function(){var len = $('#box > ul > li').size();console.log(len); // 3출력}); ② eq(index)rect12345 eq("메서드인자 숫자 ") 메서드를 이용하여 엘리멘트를 선택. $(document).ready(function(){var el = $('#box > ul > li').eq(2);el.css('color','red');consloe.log(el);}); ③ first() , last()rect1 // first()2345 // last() $(document).ready(function(){var el = $('#box > ul > li'); va.. 더보기
제이쿼리(jQuery) 필터 셀렉터 정리 ① first 필터 셀렉트recthellow // 여기 첫번째 줄 바꾸기hellowhellow :first 필터 셀렉터를 사용하여 선택한 엘리먼트의 첫번째 엘리먼트를 선택하기. $(document).ready(function(){var el = $( '#firstId > li:first');el.css('color' , 'red');}); ② :last 필터 셀렉트recthellow1hellow2hellow3 // 마지막 줄 바꾸기 :first 필터 셀렉터를 사용하여 선택한 엘리먼트의 첫번째 엘리먼트를 선택하기. $(document).ready(function(){var el = $( '#listId > li:last');el.css('color' , 'red');}); ③ :even 필터 셀렉트rect.. 더보기
제이쿼리(jQuery) css selector 정리 ① idhello .elements').css('color','red');}); 먼저 id값인 "ul"인 엘리먼트를 선택한 후 그 자식 엘리먼트 중 클래스 값인 "elements"인 엘리먼트만 선택합니다. 자식 엘리먼트를 선택하기 위해 ">" 자식 셀럭터를 사용 함.#ul > .elements'도 자식을 선택할수 있지만 자손까지 모두 선택함으로 주의해야 함.#ul .element와 #ul.element 의 의미가 다르니 잘 구분해서 사용 해야 함. ④ id 키워드 하단 형제 엘리먼트 찾기 rect 더보기
jQuery(제이쿼리) 콘솔로그 보기 ①_인스펙터 내용 상단의 원소가 1인 배열이 있음을 init[1]로 보여주고 있습니다. 이것을 엘레멘트의 확장집합이라 칭하도록 하겠습니다. ②_index 0번에 해당하는 원소는 li#element 가 있으며li태그에 #element selector이 들어가 있습니다. ③_내용중 length는 init[1]의 배열의 원소 갯수를 의미합니다. 현재 원소는 1개이므로 length는 1로 되어있습니다. 더보기
자바스크립트와 제이쿼리 비교 엄.... 여기에 css속성 적용하기 window.onload = function(){ // 웹페이지의 요소가 모두 불러진 시점에 함수가 호출됩니다. var wrapper = document.getElementById('wrapper') var ul = wrapper.getElementsByTagName('ul') var li = ul[0].getElementsByTagName('li') for(var i=0; i $( document ).ready(function(){ // DOM의 요소가 모두 로드되면 콜백함수가 호출됩니다. $('#wrapper>ul>.Um>span').css('color', 'pink'); // JQuery sel.. 더보기
콩나물국밥 만들기 * 김치, 양파, 대파, 다진마늘, 계란, 홍고추* 국간장, 후추, 연두* 육수 - 먼저 육수를 준비해 주세요!육수 만들기 : http://nyhya.tistory.com/263 - 콩나물을 씻어 준비해주세요 ~ ① 김치를 입맛에 맞게 잘라 김치국물을 조금 넣어주고 양파와 함께 볶아 줍니다.나중에 김치랑 밥이랑 먹기 때문에 작게 자르는게 짜지 않고 좋아요~ 국간장 1스픈, 다진마늘 찻잔수저, 기름 조금 넣어주세요~ ② 김치의 숨이 죽어갈 즈음 육수를 넣어줍니다. ③ 김치에 육수를 넣고 끓기 시작하면 콩나물을 넣어줍니다.콩나물은 밥이랑 먹을때 아삭아삭 감칠맛을 느끼게 해줍니다. ④ 콩나물이 잠겨 갈즈음 계란 노른자를 국자로 건져 올려줍니다.노른자가 깨지지 않게 주의합니다. ⑤ 계란 노른자가 익으면 홍고추,.. 더보기
변비에 좋은 차/ 경험에 의한 변비해소 ( 변비에 좋은 차/ 경험에 의한 변비해소 ) 저는 폭염이되는 요름에는 자율신경실조증과 같은 증상을 겪고 있습니다.에어컨을 키자마자 춥고 끄면 바로 덥고 손바닥 발바닥이 뜨겁습니다.표열이한 이라고 하던데요! 알고보니 폭염으로 면역력이 약해진 것인데요. 그런 이유로 우엉차를 마시게 되었습니다만우엉차가 변비에도 좋다는 것을 실감하게 되어 포스팅 합니다. 우엉차는 식이섬유가 많다는 배추에 보다도 식이섬유가 몇배나 된다고 합니다.위에 표 보이시죠? 검색 결과 우엉차는다이어트 / 변비 / 면역력 증진 / 빈혈에 좋다구 합니다. 평소 위가 좋지 않아 갈아먹던 양배추도 변비에 효과가 좋았는데 양배추보다도 훨씬 효과가 좋네요. 양배추의 경우 효과가 나타나기 전까지 3달 이상 걸렸으며 대변활동도 평소에 비해 2배가량 이.. 더보기

티스토리툴바