jQuery - Selectors - lastChild 마지막 하위 요소 선택

jQuery - Selectors - lastChild 마지막 하위 요소 선택
Selectors/lastChild
From jQuery JavaScript Library
:last-child
Overview
Matches all elements that are the last child of their parent.
While :last matches only a single element, this matches more then one: One for each parent.
Demo
Finds the last span in each matched div and adds some css plus a hover state.

    $("div span:last-child")
        .css({color:"red", fontSize:"80%"})
        .hover(function () {
              $(this).addClass("solast");
            }, function () {
              $(this).removeClass("solast");
            });

View Source

br>                    "http://www.w3.org/TR/html4/loose.dtd">


  

  <br>  $(document).ready(function(){<br><br>    $("div span:last-child")<br>        .css({color:"red", fontSize:"80%"})<br>        .hover(function () {<br>              $(this).addClass("solast");<br>            }, function () {<br>              $(this).removeClass("solast");<br>            });<br><br>  });<br>  
  


  

    John,
    Karl,
    Brandon,
    Sam
  

  

    Glen,
    Tane,
    Ralph,
    David
  

[jQuery - Selectors - lastChild 마지막 하위 요소 - 문서 선택]

http://docs.jquery.com/Selectors/lastChild 

[jQuery - 공식 홈페이지]http://jquery.com/
[jQuery - download 다운로드] 현재 버전,http://docs.jquery.com/Release:jQuery_1.3.1
다운로드 목록,http://docs.jquery.com/Downloading_jQuery
최신 코드,http://code.
jquery.com/nightlies/
jquery-nightly.js
[jQuery - 관련 포럼]http://groups.google.com/group/jquery-en
http://WebDev.board.newsmth.net/
http://WebGeeks.board.newsmth.net/
http://bbs.pku.edu.cn/, 홈 페이지 보기
http://forum.csdn.net/SList/JavaScript/
[jQuery - 키워드] jQuery
[jQuery - 문서]http://docs.jquery.com/Main_Page
[jQuery - Core 핵심] each 교체,http://docs.jquery.com/Core/each
jQuery, http://docs.jquery.com/Core/jQuery
[jQuery - Ajax] jQuery의 Ajax 문서,http://docs.jquery.com/Ajax/jQuery.ajax
jQuery의 Ajax 옵션,http://docs.jquery.com/Ajax/jQuery.ajax#options
데이터 타입 옵션, 반환 값 유형 설정
시간 초과 설정에 대한 timeout 옵션
PHP와 통합하면 json 사용 가능encode 반환 결과,http://www.php.net/manual/zh/function.json-encode.php
readyState 요청 작업의 현재 상태를 가져옵니다.http://msdn2.microsoft.com/en-us/library/ms534361.aspx
[jQuery - 효과]
jQuery 페이드 효과,http://docs.jquery.com/Effects/fadeIn
[jQuery - Selectors 선택기] 양식 요소 선택기,http://docs.jquery.com/DOM/Traversing/Selectors#Form_Selectors
속성 동일 선택기,http://docs.jquery.com/Selectors/attributeEquals
checked 선택,http://docs.jquery.com/Selectors/checked
: input은 모든 input,textarea,select,button 요소와 일치합니다.http://docs.jquery.com/Selectors/input선택기는 바디에 나타나는 타이틀 표시를 선택할 때 예상과 다른 효과가 나타납니다.
요소는 지정된 이름으로 모든 요소와 일치합니다.http://docs.jquery.com/Selectors/element
lastChild에서 마지막 하위 요소를 선택합니다.http://docs.jquery.com/Selectors/lastChild
 
[jQuery - Attributes 속성]
val은 첫 번째 일치하는 요소value 속성의 내용을 가져옵니다.http://docs.jquery.com/Attributes/val
[jQuery - 일반 함수]
attr는 사용자 정의 속성에 접근하여 자바스크립트 스크립트의 코드와 데이터의 결합을 감소합니다
filter, 컬렉션에서 요소 필터링
[jQuery - 이벤트 이벤트] hover,http://docs.jquery.com/Events/hover
submit 제출,http://docs.jquery.com/Events/submit
focus는 모든 일치하는 요소의 초점 이벤트에 응답합니다.http://docs.jquery.com/Events/focus
클릭을 누르면 매칭 요소의 클릭 이벤트를 터치하고 매칭 요소의 클릭 이벤트에 함수를 귀속합니다.http://docs.jquery.com/Events/click
[jQuery - Manipulation 작업]
after는 일치하는 요소마다 내용을 삽입하고,http://docs.jquery.com/Manipulation/after
[jQuery - Traversing 범람기] Filter 필터,http://docs.jquery.com/Traversing/filter
find 찾기,http://docs.jquery.com/Traversing/find
[jQuery - Tutorials 자습서] Introducing $(document).ready(), http://docs.jquery.com/Tutorials:Introducing_%24%28document%29.ready%28%29
[jQuery - plugins 플러그인] Easing 애니메이션,http://jquery.com/plugins/project/easing
jCarouseLite, 주마등 효과,http://jquery.com/plugins/project/jCarouselLite
tableFilter, 테이블 필터,http://jquery.com/plugins/project/tableFilter
Rounded Corner 둥근 사각형,http://docs.jquery.com/Tutorials:Rounded_Corners#Rounded_Corners_Without_Images
Jeditable 원래 위치 편집기 플러그인,http://plugins.jquery.com/project/jeditable
Cookie, http://plugins.jquery.com/project/Cookie
[jQuery - Utilities 유틸리티] trim은 문자열의 앞뒤 공백을 제거합니다.http://docs.jquery.com/Utilities/jQuery.trim
[jQuery - UI] UI, http://docs.jquery.com/UI
UI/Theming, http://docs.jquery.com/UI/Theming
[jQuery - 참조 자료]http://www.json.org/, http://www.json.org/json.js
JScript (Windows Script Technologies):, http://msdn2.microsoft.com/en-us/library/hbxc2t98.aspx
prototype Property (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/f5s9ycex.aspx
parseInt Method (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/x53yedee.aspx
toString Method (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/k6xhc6yc.aspx
HTTP Status Codes (Windows):, http://msdn2.microsoft.com/en-us/library/Aa384325.aspx
HTML+TIME:, http://msdn2.microsoft.com/en-us/library/ms533112.aspx
HTA: APPLICATION 객체,http://msdn2.microsoft.com/en-us/library/ms536495.aspx
About Cross-Frame Scripting and Security: 프레임워크 간 스크립트 및 보안http://msdn2.microsoft.com/en-us/library/ms533028.aspx
How to Build Tables Dynamically: 테이블을 동적으로 구성하는 방법,http://msdn2.microsoft.com/en-us/library/ms532998.aspx
Filter Property(Tabular Data Control): - Filter 속성(테이블 데이터 컨트롤),http://msdn2.microsoft.com/en-us/library/ms531364.aspx
close Method (window):, http://msdn2.microsoft.com/en-us/library/ms536367.aspx
ECMA 표준 다운로드,http://www.ecma-international.org/publications/standards/Ecma-262.htm
parseInt Method(JScript 5.6): - IE 표준,http://msdn2.microsoft.com/en-us/library/x53yedee.aspx
complete Property (IMG, INPUT, INPUT type=image):, http://msdn2.microsoft.com/en-us/library/ms533688.aspx
fireEvent Method (A, ABBR, ACRONYM, ...):, http://msdn2.microsoft.com/en-us/library/ms536423.aspx
SunSpider JavaScript Benchmark: JavaScript 성능 테스트,http://webkit.org/perf/sunspider-0.9/sunspider.html
onbeforeunload Event (BODY, FRAMESET, window):, http://msdn2.microsoft.com/en-us/library/ms536907.aspx
 
 
 
[jQuery - 인스턴스 종합]
전과 후의 효과를 실현하다
크로스 창 호출 함수
정시 갱신
아래 목록 상자를 누르면 지정한 사이트가 두 경계 사이에 생성된 무작위 수를 열 수 있습니다
텍스트 입력 상자 및 태그 자동 교체
암호 입력 상자 및 태그 자동 교체
텍스트 입력 영역 및 태그 자동 교체
Pre 태그는 IE와 Firefox에 비교적 이상적인 줄 바꾸기 처리 고정 헤더, 표 내용 스크롤