도도의 IT이야기

우선 이러한 HTML코드가 있다고 해봅시다 someThing1 som any thing 보이는 대로 ul 태그들이 div.wrapper에 wrap되있습니다. wrapper는 안에있는 element들의 width를 900px로 줄이고 화면 중간에 합니다. 우리 한번 이 wrapper을 없애 봅시다. $('ul').unwrap(); 쉽죠? unwrap은 자신의 직속 parent를 없애버리는 역활을 합니다. wrapper를 없앴기 때문에 이제 더이상 width 가 900px이 아닐겁니다. 이제 없앤것을 다시 돌려보죠 let value = "" $('ul').wrap(value); 이런식으로 더하는게 맞을까요? 약간 틑립니다만 그전에 이코드를 설명하죠. wrap의 인자에 closing tag를 더해줄 필요가 없..

js에서는 어떠한 element를 더할때 parent.appendChild(childElement)를 사용한다 jQuery에도 비슷한 것들을 사용하여 html에 element들을 더할 수 있다. 우선 html을 만들어보자 나는 처음이다 이러한 html이 있다고 해보자. 1. append() 우리는 ul의 마지막에 또다른 li element를 추가하고 싶다고 하면 이런 방법을 사용할 수 있다. let newLi = "나는 마지막!" $('ul').append(newLi); append는 ul 안의 마지막에 newLi를 더할 것이다. 결과는 나는 처음이다 나는 마지막! 이러할 것이다. 2. prepend(); append()와 비슷하지만 prepend()는 마지막이 아닌 처음에 더한다. 그러니까 prepen..

저번 포스팅에 select된 element에서 출발하여 다양한 jquery DOM을 접근할 수 있는 방법을 알아봤습니다. $('#child1').parent().css({border:"2px solid"}) 이제 이 방법을 이용하여 jQuery chain에 대해 알아봅시다. $('#child1').css({style:"somevalue"}) 이렇게 child1의 스타일을 바꿨습니다. 이제 child1의 parent의 스타일 바꾸고 싶다면? $('parent1').css({style:"something"});//이렇게 할 필요 없음 $('child1').css({style:"something"}).parent().css({style:"somethingElse"});//이렇게 하면 됨 이렇게 chain을 이..