2019/jQuery18 //ajax → 서블릿? 2020. 1. 8. //ajax → ? 2020. 1. 8. //ajax → json file 2020. 1. 8. //ajax → html file 2020. 1. 8. //ajax → js file 2020. 1. 8. jQuery append appendTo a.append.b a에 b를 추가한다. append가 a를 가리키고 있다. 뒤에 .css를 붙이면 a에 대한 .css로 적용된다. b.appendTo.a b를 a에 넣는다. appendTo가 b를 가리키고 있다. 뒤에 .css를 추가하면 b에 대한 .css로 적용된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 $('#result').append($(this).clone()); //이렇게 쓰면 기존에 있던 '내용추가'자료가 사라진다. //.clone()을 붙여 복제한다 //div#result 전체의 배경이 핑크색이 됨 $('#result').appendTo('aaa').css('background-color', 'pink'); //색칠된 'aaa'를 resul.. 2019. 12. 11. jQuery Effects 나타내기 .show() .slideDown() .fadeIn() 숨기기 .hide() .slideUp() .fadeOut() .toggle() : 클릭할때마다 나타내고 숨기기 1 2 3 4 5 6 7 8 9 10 11 12 13 $('#show').click(function(){ //show() $('#result').show(); //fadeIn() $('#result').fadeIn(200); //sldieDown $('#result').slideDown(); //css잡아주기 $('#result').show(2000,function(){ $(this).find('p') .css('color','red') .show(); }); https://api.jquery.com/category/effects/ 2019. 12. 11. // jQuery $(this) 2019. 12. 11. //jQuery find와 end 8_.html 정리해서 올리기 2019. 12. 11. jQuery each 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 //1번째 each /* let d = $('div').each();*/ let d = $('div').each(function(index, item){ // console.log(index); //0부터3 출력 // console.log(item); //a-1부터 a-4 출력 return $(item).text($(item).text() + "입니다"); //아이템의 텍스트에(아이템 텍스트를) 넣는다? }); //2번째 each 배열을 사용할때는 $.each사용 $.each(['a','b','c'], function(index,value){ // console.log(index); //0,1,2 // con.. 2019. 12. 11. // jQuery sibling parent parents end filtering 내용일듯(아마도) sibling : 형제요소 parent : 바로 위 부모요소 parents : 조상 end : 이전 요소 집합을 반환 2019. 12. 11. jQuery add,remove,has,toggle Class addClass() 문서 객체의 클래스 속성을 추가 removeClass 클래스 속성 제거 hasClass 클래스 속성 검사 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 //com으로 끝나는~ $z $('a[href$="com"]') .addClass('test'); //css에 있는 클래스 가져오기!*/ //mailto로 시작하는~ ^ $('a[href^="mailto"]') .addClass('green'); // google을 포함하는~ * $('a[href*="google"]') .addClass('red'); //link걸은 js파일 .red{ color:palevioletred; } .green{ colo.. 2019. 12. 11. /// jQuery 3개 메서드체인, 객체,콜백함수 4_selector.html 정리해서 올리기 2019. 12. 11. 이전 1 2 다음 반응형
