jQuery - Selectors - lastChild选择最后一个子元素
Selectors/lastChildFrom jQuery JavaScript Library:last-childOverviewMatches 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<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"?"http://www.w3.org/TR/html4/loose.dtd"><html><head><script src="http://code.jquery.com/jquery-latest.js"></script><script>$(document).ready(function(){$("div span:last-child").css({color:"red", fontSize:"80%"}).hover(function () {$(this).addClass("solast");}, function () {$(this).removeClass("solast");});});</script><style>span.solast { text-decoration:line-through; }</style></head><body><div><span>John,</span><span>Karl,</span><span>Brandon,</span><span>Sam</span></div><div><span>Glen,</span><span>Tane,</span><span>Ralph,</span><span>David</span></div></body></html>[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/, homepage看版
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
dataType选项，设置返回值类型
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
选择器在选择body中出现的title标记时，会出现和预期不同的效果。
element按指定名称匹配所有元素, 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访问自定义属性，减少javascript脚本中代码和数据的耦合
filter, 用于在集合中过滤元素
[jQuery - Events事件]hover, http://docs.jquery.com/Events/hover
submit提交, http://docs.jquery.com/Events/submit
focus响应每个匹配元素的焦点事件, http://docs.jquery.com/Events/focus
click单击, 触发每个匹配元素的单击事件, 绑定函数到每个匹配元素的单击事件, 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下效果相对理想的换行处理
固定表头，滚动表格内容
From jQuery JavaScript Library:last-childOverviewMatches 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<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"?"http://www.w3.org/TR/html4/loose.dtd"><html><head><script src="http://code.jquery.com/jquery-latest.js"></script><script>$(document).ready(function(){$("div span:last-child").css({color:"red", fontSize:"80%"}).hover(function () {$(this).addClass("solast");}, function () {$(this).removeClass("solast");});});</script><style>span.solast { text-decoration:line-through; }</style></head><body><div><span>John,</span><span>Karl,</span><span>Brandon,</span><span>Sam</span></div><div><span>Glen,</span><span>Tane,</span><span>Ralph,</span><span>David</span></div></body></html>[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/, homepage看版
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
dataType选项，设置返回值类型
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
选择器在选择body中出现的title标记时，会出现和预期不同的效果。
element按指定名称匹配所有元素, 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访问自定义属性，减少javascript脚本中代码和数据的耦合
filter, 用于在集合中过滤元素
[jQuery - Events事件]hover, http://docs.jquery.com/Events/hover
submit提交, http://docs.jquery.com/Events/submit
focus响应每个匹配元素的焦点事件, http://docs.jquery.com/Events/focus
click单击, 触发每个匹配元素的单击事件, 绑定函数到每个匹配元素的单击事件, 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下效果相对理想的换行处理
固定表头，滚动表格内容
OverviewMatches 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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"?"http://www.w3.org/TR/html4/loose.dtd"><html><head><script src="http://code.jquery.com/jquery-latest.js"></script><script>$(document).ready(function(){$("div span:last-child").css({color:"red", fontSize:"80%"}).hover(function () {$(this).addClass("solast");}, function () {$(this).removeClass("solast");});});</script><style>span.solast { text-decoration:line-through; }</style></head><body><div><span>John,</span><span>Karl,</span><span>Brandon,</span><span>Sam</span></div><div><span>Glen,</span><span>Tane,</span><span>Ralph,</span><span>David</span></div></body></html>[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/, homepage看版
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
dataType选项，设置返回值类型
timeout选项，用于设置超时
与PHP集成可以使用json_encode返回结果, http://www.php.net/manual/zh/function.json-encode.phpreadyState获取请求操作的当前状态, 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
选择器在选择body中出现的title标记时，会出现和预期不同的效果。element按指定名称匹配所有元素, 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访问自定义属性，减少javascript脚本中代码和数据的耦合
filter, 用于在集合中过滤元素[jQuery - Events事件]hover, http://docs.jquery.com/Events/hover
submit提交, http://docs.jquery.com/Events/submitfocus响应每个匹配元素的焦点事件, http://docs.jquery.com/Events/focus
click单击, 触发每个匹配元素的单击事件, 绑定函数到每个匹配元素的单击事件, 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_ImagesJeditable原位置编辑器插件, 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下效果相对理想的换行处理
固定表头，滚动表格内容