jQuery中last()方法用法实例
本文实例讲述了jQuery中last()方法用法。分享给大家供大家参考。具体分析如下:
此方法获取匹配元素集合中的最后一个元素。
$(selector).last()
实例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>我们</title>
<script type="text/javascript" src="js/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("li").last().css("color","blue")
})
</script>
</head>
<body>
<div>
<ul>
<li>HTML专区</li>
<li class="js">Javascript专区</li>
<li>Div+Css专区</li>
<li>Jquery专区</li>
</ul>
</div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关推荐
-
jQuery中filter()方法用法实例
此方法能够筛选出与指定表达式或者方法返回值相匹配的元素或者元素集合. 语法结构一: 筛选出与指定表达式匹配的元素集合. 复制代码 代码如下: $(selector).filter(expr) 参数列表: 参数 描述 expr 字符串值,用于筛选当前元素集合的选择器表达式. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name
-
jQuery中first()方法用法实例
本文实例讲述了jQuery中first()方法用法.分享给大家供大家参考.具体分析如下: 此方法获取匹配元素集合中的第一个元素. 语法结构: 复制代码 代码如下: $(selector).first() 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="h
-
jQuery初学:find()方法及children方法的区别分析
首先看看英文解释吧: children方法:find方法:通过以上的解释,可以总结如下: 1:children及find方法都用是用来获得element的子elements的,两者都不会返回 text node,就像大多数的jQuery方法一样. 2:children方法获得的仅仅是元素一下级的子元素,即:immediate children. 3:find方法获得所有下级元素,即:descendants of these elements in the DOM tree 4:children方
-
jQuery中slice()方法用法实例
本文实例讲述了jQuery中slice()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以选取匹配元素集的子集. 语法结构: 复制代码 代码如下: $(selector).slice(start, end) 参数列表: 参数 描述 start 开始选取子集的位置.第一个元素索引是0.如果是负数,则从集合的尾部开始选起. end 结束选取子集的位置,如果不指定,则就是匹配元素集的结尾. 实例代码: 实例一: 选取第一个元素 复制代码 代码如下: <!DOCTYPE html> <
-
jQuery中is()方法用法实例
本文实例讲述了jQuery中is()方法用法.分享给大家供大家参考.具体分析如下: 此方法使用参数来检查匹配元素集合. 如果其中至少有一个元素符合这个给定的参数就返回true,否则返回false. 语法结构一: 复制代码 代码如下: $(selector).is(expr) 参数列表: 参数 描述 expr 字符串值,供匹配当前元素集合的选择器表达式. 实例代码: 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta cha
-
jQuery中hasClass()方法用法实例
本文实例讲述了jQuery中hasClass()方法用法.分享给大家供大家参考.具体分析如下: 此方法验证匹配元素是否包含指定的类,包含则返回true,否则返回false. 语法结构: 复制代码 代码如下: $(selector).hasClass(class) 参数列表: 参数 描述 class 用于匹配的类名. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8&q
-
jQuery中not()方法用法实例
本文实例讲述了jQuery中not()方法用法.分享给大家供大家参考.具体分析如下: 此方法删除与指定表达式匹配的元素. 语法结构一: 复制代码 代码如下: $(selector).not(expr) 参数列表: 参数 描述 expr 字符串值,定义筛选表达式. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name=&quo
-
jQuery中map()方法用法实例
本文实例讲述了jQuery中map()方法用法.分享给大家供大家参考.具体分析如下: 此方法将一组元素转换成其他数组(不论是否是元素数组). 可以用这个函数来建立一个列表,不论是值.属性还是CSS样式,或者其他特别形式. 语法结构: 复制代码 代码如下: $("selector").map(function) 参数列表: 参数 描述 function 给每个元素执行的函数 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <h
-
jQuery中has()方法用法实例
本文实例讲述了jQuery中has()方法用法.分享给大家供大家参考.具体分析如下: 此方法保留包含特定后代的匹配元素. .has()方法将会从原始的jQuery对象中重新创建一组匹配的对象. 方法通过删选参数将会遍历原先对象的后代,含有匹配后代的对象将得以保留. 语法结构一: 复制代码 代码如下: $(selector).has(expr) 参数列表: 参数 描述 expr 字符串选择器. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <h
-
jQuery find和children方法使用
需要查找一个对象内包含的某个子对象. 为了避免和美工冲突,对特定操作对象加上id标识,美工不大改也没什么问题. 1.children("condition") 获取的是一级子元素. 2.find("condition")获取包含的所有子元素.
-
jQuery中children()方法用法实例
本文实例讲述了jQuery中children()方法用法.分享给大家供大家参考.具体分析如下: 此方法取得一个包含匹配元素集合中每一个元素的所有子元素的元素集合. 可以通过可选的表达式来过滤所匹配的子元素. 注意:find()将查找所所有子元素,而children()只获取一级子元素. 语法结构: 复制代码 代码如下: $(selector).children(expr) 参数列表: 参数 描述 expr 可选.用以过滤子元素的表达式 实例代码: 实例一: 复制代码 代码如下: <!DOCTYP
随机推荐
- node.js中使用node-schedule实现定时任务实例
- JavaFX Application应用实例
- Java transient 关键字详解及实例代码
- Yii2 GridView实现列表页直接修改数据的方法
- C#给PDF文件添加水印
- 一个不易被发现的PHP后门代码解析
- Ubuntu16.04配置lamp环境的具体方法
- linux shell实现求一个多维数组中的最大和最小值
- Android重写TextView实现文字整齐排版的方法(附demo源码下载)
- php微信公众号开发(4)php实现自定义关键字回复
- 基于java中stack与heap的区别,java中的垃圾回收机制的相关介绍
- 详谈js遍历集合(Array,Map,Set)
- Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试
- c++ minicsv库的编译错误与解决方案
- 输出java进程的jstack信息示例分享 通过线程堆栈信息分析java线程
- java 中基本算法之希尔排序的实例详解
- 用PHP制作静态网站的模板框架
- vue+element创建动态的form表单.以及动态生成表格的行和列
- JSP实现客户信息管理系统
- Android自定义View实现圆形环绕效果
