jQuery36 jQuery before - 이미지 넣기 $('#btn4').click(function(){ --> id btn4 버튼 클릭시 이벤트 실행 ran = (Math.floor)(Math.random()*length); --> 이미지 랜덤으로 추출 vimg = $('', { --> 변수에 이미지 생성 값 넣기 'src' : '../images/' + imgs[ran], 'width' : '200px', 'height' : '200px' }); $('#result4').before(vimg); --> id result4인 div에 이미지 생성 }) 2020. 1. 8. jQuery after-이미지 넣기 $('#btn4').click(function(){ --> id btn4클릭 시 vimg = $('', { '' : ../imges/단풍.jpg, 'width' : '100px', 'height' : '100px' }); --> vimg라는 변수에 이미지 생성 값을 넣음 $('#result4').after(vimg); --> id result4에 이미지 생성 }) after는 div밖에 이미지가 생성된다. 2020. 1. 8. jQuery append-이미지 넣기 $('#btn3').click(function(){ --> id btn3 클릭 vimg = $('', { 'src' : '../images/단풍.jpg', 'width' : '100px', 'height' : '100px' }); --> vimg라는 변수에 이미지 생성하는 값을 담음 $(vimg).appendTo('#result3'); --> id result3에 이미지 찍음 }) 2020. 1. 8. jQuery 조작관련 메소드 res += "이름 :" + $('#user').val() + ""; --> id user의 값을 받아옴 res += "성별 :" + $('.gend.checked').val() + " "; --> class gend에서 선택된 값을 받아옴 vintro = $('#intro').val(); --> id intro의 값을 vintro라는 변수에 넣음 vintro = vintro.replace(/\r/g,"").replace(/\n/g, " "); --> intro 안에서 enter 효과 주기위해 정규식 넣음 res += "소개 : " + vintro + " "; --> id intro의 값을 받아옴 res += "직업 : " + $('#work option:selected').val()+" "; --> i.. 2020. 1. 7. jQuery form상태 - :selected jQery 반복문 - each(대상, function(i){ }) - $대상.each(function(){}) ex) - $('option:selected', this).each() 값 가져오기 jQuery.val() -> form의 선택 요소 텍스트 값을 설정 혹은 받아온다. jQuery.text() -> 선택 요소의 텍스트 내용을 가져온다. jQuery.html() -> 선택 요소에 html의 코드를 넣거나 받아올 수 있다. multiple-> 여러개를 선택가능하게 한다. size -> 몇개가 보여지는지 지정할 수 있다. ex) 2020. 1. 6. jQuery 자식필터 자식필터 - 자식필터의 인덱스는 1부터 시작한다. - $('li:first-child').css('border', 'solid 2px red'); --> 각 li태그에서 첫번째 li태그한테 테두리 2px 빨간색주기 - $('li:first').css('background', 'yellow'); --> 전체 li태그에서 가장 첫번째에 있는 li태그에 배경색 노란색 주기 - $('li:nth-child(5n)').css('background', 'lightgreen').css('border', 'solid 2px blue'); --> 5의 배수인 li태그에 배경색 밝은 녹색, 테두리 2px 파란색 주기 ex) - $('td:first-child') --> 각 tr에서 첫번째 td / tr의 갯수만큼 td가 .. 2020. 1. 6. 이전 1 2 3 4 5 6 다음
