• jQuery Intro
• jQuery Get Started
• jQuery Syntax
• jQuery Selectors
• jQuery Events

• jQuery Hide/Show
• jQuery Fade
• jQuery Slide
• jQuery Animate
• jQuery stop()
• jQuery Callback
• jQuery Chaining

• jQuery Get
• jQuery Set
• jQuery Add
• jQuery Remove
• jQuery CSS Classes
• jQuery css()
• jQuery Dimensions

• jQuery Traversing
• jQuery Ancestors
• jQuery Descendants
• jQuery Siblings
• jQuery Filtering

• jQuery AJAX Intro
• jQuery Load
• jQuery Get/Post

• jQuery noConflict()
• jQuery Filters

• jQuery References Selectors
  • jQuery * Selector
  • id Selector
  • jQuery .class Selector
  • jQuery multiple classes Selector
  • jQuery element Selector
  • jQuery multiple elements Selector
  • first Selector
  • last Selector
  • even Selector
  • odd Selector
  • first-child Selector
  • first-of-type Selector
  • last-child Selector
  • last-of-type Selector
  • nth-child() Selector
  • nth-last-child() Selector
  • nth-of-type() Selector
  • nth-last-of-type() Selector
  • only-child Selector
  • only-of-type Selector
• jQuery References Events
• jQuery References Effects
• jQuery References HTML/CSS
• jQuery References Traversing
• jQuery References AJAX
• jQuery References Misc
• jQuery References Properties

• jQuery UI Sortable Widget
  

The after() method inserts specified content after the selected elements.

after() 메소드는 선택된 요소의 뒤에 특정 내용을 삽입한다.

<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

$( ".inner" ).after( "<p>Test</p>" );

결과

<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <p>Test</p>
  <div class="inner">Goodbye</div>
  <p>Test</p>
</div>

The before() method inserts specified content in front of (before) the selected elements.

before() 메소드는 선택된 요소의 앞에 특정 내용을 삽입한다.

The append() method inserts specified content at the end of the selected elements

append() 메소드는 선택된 요소의 끝(자식 요소)에 특정 내용을 삽입한다.

<h2>Greetings>/h2>
<div class="container">
    <div class="inner">Hello</div>
    <div class="inner">Goodbye</div>
</div>

$('.inner').append('<p>Test</p>');

결과

<h2>Greetings>/h2>
<div class="container">
    <div class="inner">
        Hello
        <p>Test</p>    
    </div>
    <div class="inner">
        Goodbye
        <p>Test</p>    
    </div>
</div>    

The prepend() method inserts specified content at the beginning of the selected elements.

prepend() 메소드는 선택된 요소의 시작(자식 요소)에 특정 내용을 삽입한다.

• jQuery_.data()
  

• 확인, 정리 후 불필요한 링크 삭제
• jQuery data 값 변경
• jQuery 속성 관리 data()와 attr() 사용법 및 차이
• [JQUERY] DATA-XX 속성을 추가해주는 DATA() 함수에 대해
• jQuery.attr()
• jQuery.data()