jQuery - Selectors - lastChild选择最后一个子元素
Selectors/lastChild
From jQuery JavaScript Library
:last-child
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.
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");
});
<!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-enhttp://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/eachjQuery, http://docs.jquery.com/Core/jQuery
[jQuery - Ajax]
jQuery的Ajax文档, http://docs.jquery.com/Ajax/jQuery.ajaxjQuery的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/attributeEqualschecked选中, 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/hoversubmit提交, 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/filterfind查找, 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/easingjCarouseLite, 走马灯效果, http://jquery.com/plugins/project/jCarouselLitetableFilter, 表过滤器, http://jquery.com/plugins/project/tableFilterRounded 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/UIUI/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下效果相对理想的换行处理
固定表头,滚动表格内容
分享到:
相关推荐
jQuery-Selectors-源码.rar
testcafe-react-selectors, 用于响应应用的TestCafe选择器扩展 testcafe-react-selectors这个插件提供了选择器扩展,使得使用 TestCafe 测试ReactJS组件变得更容易。 这些扩展允许你以React的方式选择页面元素。安装...
postcss-icss-selectors, 用于本地范围类和id的css模块的PostCSS插件 postcss-icss-selectors 用于本地范围类和id的css模块的PostCSS插件用法postcss([ require('postcss-icss-selectors')(options) ])有关环
list-selectors 可以列出你在 CSS 使用的 selector,它可作为一个独立的函数,CLI, 或者 PostCSS 插件。使用示例:var listSelectors = require('list-selectors'); listSelectors( ['style/**/*.css', '!...
这个插件提供了选择器扩展,使使用测试ReactJS组件变得更加容易。 这些扩展允许您以React固有的方式选择页面元素。 安装 $ npm install testcafe-react-selectors 用法 等待应用程序准备运行测试 要等到React的组件...
Postcss合并重复的选择器 自动检测并合并重复CSS选择器,因此您不必 :grinning_face_with_smiling_eyes:用法要求为了使用此功能,您将需要安装 。 根据是否要使用CLI,需要安装 。 npm install --save-dev postcss ...
资源分类:Python库 所属语言:Python 资源全名:rf-se-dtl-selectors-plugin-0.3.0.tar.gz 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059
jQuery选择器和事件功能部件的编号和名称:功能部件1:显示图像司机:Barrett Nance导航员:James Shreckengost 预计完成时间:90分钟开始时间:2:15 结束时间:3:16 实际需要完成的时间:61分钟功能的编号和名称:...
条带变化选择器 strip-variation- selectors从字符串中删除Unicode变体选择器。安装通过 : npm install strip-variation-selectors 在浏览器中: < script src =" strip-variation-selectors.js " > </ ...
测试选择器codemod 用于修复ember-test-selectors testSelector帮助器弃用的代码模式。 最近, 插件不推荐使用testSelector函数,而是直接对选择器进行编码()。 此codemod通过转换测试以自动进行替换来自动解决...
本系列文章分为:基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。 您对本系列文章有任何建议或意见请发送到邮箱:sjzlgt@qq.com 由于是第一次写技术性系列文章,...
gulp变换选择器 Gulp插件转换CSS选择器 用法 首先,安装gulp-transform-selectors作为开发依赖项: npm install --save-dev gulp-transform-selectors 然后,将其添加到您的gulpfile.js : var ...
grunt-shrink-selectors CSS 重命名工具 入门 这个插件需要 Grunt ~0.4.5 ...在项目的 Gruntfile 中,将一个名为shrink_selectors的部分添加到传递给grunt.initConfig()的数据对象中。 grunt . initConfig ( { s
focusable-selectors是一个微型库,可为可聚焦HTML元素导出CSS选择器数组。 弄清楚哪个元素可以被聚焦并不总是一件容易的事,有时是构建完全可访问的小部件(例如所。 它支持: 所有本机可聚焦的元素, …以及...
在 jQuery 1.2中,可以在URL参数中指定一个jQuery选择器,这会过滤返回的HTML文档,只取得文档中匹配选择器的元素。此语法类似于"url #some > selector"。 实例 载入文档的sidebar的导航部分到一个无序列表...
你也可以使用一个配置文件与组合和 ,如果你已经与同类别的其他项目。 因此,所有项目都有相同的缩小的选择器名称-始终如此。 这是的插件内容安装用或安装npm i rename-css-selectors rcs-core 或者yarn add rename...
本系列文章分为:基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。详细介绍页面 http://demo.jb51.net/html/jquery/jQuery-Selector.html jQuery-Selectors ....
本系列文章分为:基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。...jQuery-Selectors-9 .div { width:95%; margin-left:15px; margin-top:15px; margin-right
本系列文章分为:基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。 本篇讲解::contains(text),:empty,:has(selector),:parent,:hidden,:visible的用法。 您对本...
Tailwindcss-伪选择器Tailwind CSS插件,将所有不同的伪选择器添加为变体安装NPM npm install tailwindcss-pseudo-selectors --save-dev纱yarn add tailwindcss-pseudo-selectors -D用法配置将插件添加到您的...