제이쿼리 prepend
-
Jquery[제이쿼리] before,after,prepend,append 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 25. 21:10
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] before,after,prepend,append메서드를 배워보겠습니다. 비슷비슷해보이지만 차이가있으니 유심히 보세요~ 이렇게 준비해 보았습니다. 실행하면 이렇게 나오면 된답니다. =============================== $('input').on('click',function(){ var a =$(this).val(); var str = new String(a); ===============================태그가 click되면 해당하는 value의 값을 a라는 변수에 담아라입니다. str라는 변수에 a변수에 담아져있는 값을 new String(a);>이부분이부분이부분이부분
-
Jquery[제이쿼리] 앞부분 추가[prepend] 뒤부분 추가[append] 하기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 6. 16:36
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery]로 태그의 앞부분 추가[prepend] 뒤부분 추가[append]를 해보도록 하겠습니다. 위화면처럼 셋팅해주세요~ 실행을 하면 태그는 아무내용이 없기때문에 아무것도 안나올꺼에요. 이번에는 append()를 사용하여 'body'의 뒤부분에 내용을 넣어줄꺼에요. 짠~ 뒤부분에 내용이 추가된모습을 확인할수있답니다. 그럼 이번에는 앞부분에다가 내용을 추가해볼까요? prepend()를 사용하여 앞부분에 추가해보겠습니다. 이렇게 앞부분에 추가된 모습을 확인할수있답니다. 이번에는 테이블[table]의 'td'의 대상으로 뒤부분에 내용을 추가 해볼꺼에요. 여기서 a라는 배열 변수에 2가지 값을 미리 넣어서 준비를 합니다. 왜 2가지 값을 준비할까요? 'td'가..