Run!

Below, I am going to offer you the various services URL’s

Twitter

http://twitter.com/home?status=[TITLE]+[URL]

Digg

http://www.digg.com/submit?phase=2&url=[URL]&title=[TITLE]

Facebook

http://www.facebook.com/share.php?u=[URL]&title=[TITLE]

StumbleUpon

http://www.stumbleupon.com/submit?url=[URL]&title=[TITLE]

Delicious

http://del.icio.us/post?url=[URL]&title=[TITLE]]&notes=[DESCRIPTION]

Google Buzz

http://www.google.com/reader/link?title=[TITLE]&url=[URL]

Linkedin

http://www.linkedin.com/shareArticle?mini=true&url=[URL]&title=[TITLE]&source=[SOURCE/DOMAIN]

Slashdot

http://slashdot.org/bookmark.pl?url=[URL]&title=[TITLE]

Technorati

http://technorati.com/faves?add=[URL]&title=[TITLE]

Posterous

http://posterous.com/share?linkto=[URL]

Tumblr

http://www.tumblr.com/share?v=3&u=[URL]&t=[TITLE]

Reddit

http://www.reddit.com/submit?url=[URL]&title=[TITLE]

Google Bookmarks

http://www.google.com/bookmarks/mark?op=edit&bkmk=[URL]&title=[title]&annotation=[DESCRIPTION]

Newsvine

http://www.newsvine.com/_tools/seed&save?u=[URL]&h=[TITLE]

Ping.fm

http://ping.fm/ref/?link=[URL]&title=[TITLE]&body=[DESCRIPTION]

Evernote

http://www.evernote.com/clip.action?url=[URL]&title=[TITLE]

Friendfeed

http://www.friendfeed.com/share?url=[URL]&title=[TITLE]

<div class="name_top name1">

</div>

<div class="name_top name2">

</div>

이런 구조가 있다.

jquery에서 name_top name2만 display:none을 주고 싶다면?

물론 $(".name2").hide();로 쓸 수 있다.( 혹은 id를 주던가.....)

그런데 만약 name2라는 클래스를 가진 div가 페이지 어딘가에 있다면?

name_top name2풀 네임을 써줘야 이 div에만 적용될 것이다.

이럴땐 이렇게  $(".name_top,.name2").hide(); 클래스네임 사이에 쉼표를 주면된다.

appendTo를 이용해 객체를 동적 추가 시  $(document).ready(function() 에 선언해 놓은 이벤트들이 작동하지 않을 수 있다.

예를들어 다음과 같은 코드가 있다.

<ul id="list">

<li class="alert">클릭</li>

<li class="alert">클릭</li>

<li class="alert">클릭</li>

</ul>

<a href="#none" class="add">추가</a>

<script type="text/javascript">

$(document).ready(function() {

$(".alert").click(function() {  

        alert("Hello!");

});

$(".add").click(function() {  

        $("<li class=\"alert\">클릭</li>").appendTo("#list");

});

});

</script>

추가를 클릭할때마다 li태그가 추가가 되는데 기존의 세개 li를 클릭하면 알럿창으로 Hello를 출력하지만

새로 추가된 li를 클릭하면 변화가 없다. 즉 document.ready에서 문서가 로딩될때 있었던 세개의 li에만 클릭이벤트가 적용된 것이다.

그렇다면...새로 추가된 li에 이벤트를 적용하고 싶다면?

live를 추가해주면 된다. 어떻게?

이렇게!

$(".alert").live("click", function(){

alert("Hello!");

});