jQuery中first()方法用法实例

本文实例讲述了jQuery中first()方法用法。分享给大家供大家参考。具体分析如下：

此方法获取匹配元素集合中的第一个元素。

语法结构:


代码如下:

$(selector).first()

实例代码:

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>first()函数-我们</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("li").first().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>

以上代码能够将第一个li元素中文本的颜色设置为蓝色。

希望本文所述对大家的jQuery程序设计有所帮助。

赞 (0)

相关推荐

  • 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&quo

  • jQuery中map()方法用法实例

    本文实例讲述了jQuery中map()方法用法.分享给大家供大家参考.具体分析如下: 此方法将一组元素转换成其他数组(不论是否是元素数组). 可以用这个函数来建立一个列表,不论是值.属性还是CSS样式,或者其他特别形式. 语法结构: 复制代码 代码如下: $("selector").map(function) 参数列表: 参数 描述 function 给每个元素执行的函数 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <h

  • jQuery中is()方法用法实例

    本文实例讲述了jQuery中is()方法用法.分享给大家供大家参考.具体分析如下: 此方法使用参数来检查匹配元素集合. 如果其中至少有一个元素符合这个给定的参数就返回true,否则返回false. 语法结构一: 复制代码 代码如下: $(selector).is(expr) 参数列表: 参数 描述 expr 字符串值,供匹配当前元素集合的选择器表达式. 实例代码: 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta cha

  • jQuery find和children方法使用

    需要查找一个对象内包含的某个子对象. 为了避免和美工冲突,对特定操作对象加上id标识,美工不大改也没什么问题. 1.children("condition") 获取的是一级子元素. 2.find("condition")获取包含的所有子元素.

  • jQuery中children()方法用法实例

    本文实例讲述了jQuery中children()方法用法.分享给大家供大家参考.具体分析如下: 此方法取得一个包含匹配元素集合中每一个元素的所有子元素的元素集合. 可以通过可选的表达式来过滤所匹配的子元素. 注意:find()将查找所所有子元素,而children()只获取一级子元素. 语法结构: 复制代码 代码如下: $(selector).children(expr) 参数列表: 参数 描述 expr 可选.用以过滤子元素的表达式 实例代码: 实例一: 复制代码 代码如下: <!DOCTYP

  • jQuery中filter()方法用法实例

    此方法能够筛选出与指定表达式或者方法返回值相匹配的元素或者元素集合. 语法结构一: 筛选出与指定表达式匹配的元素集合. 复制代码 代码如下: $(selector).filter(expr) 参数列表: 参数 描述 expr 字符串值,用于筛选当前元素集合的选择器表达式. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name

  • jQuery中has()方法用法实例

    本文实例讲述了jQuery中has()方法用法.分享给大家供大家参考.具体分析如下: 此方法保留包含特定后代的匹配元素. .has()方法将会从原始的jQuery对象中重新创建一组匹配的对象. 方法通过删选参数将会遍历原先对象的后代,含有匹配后代的对象将得以保留. 语法结构一: 复制代码 代码如下: $(selector).has(expr) 参数列表: 参数 描述 expr 字符串选择器. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <h

  • jQuery中slice()方法用法实例

    本文实例讲述了jQuery中slice()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以选取匹配元素集的子集. 语法结构: 复制代码 代码如下: $(selector).slice(start, end) 参数列表: 参数 描述 start 开始选取子集的位置.第一个元素索引是0.如果是负数,则从集合的尾部开始选起. end 结束选取子集的位置,如果不指定,则就是匹配元素集的结尾. 实例代码: 实例一: 选取第一个元素 复制代码 代码如下: <!DOCTYPE html> <

  • jQuery中hasClass()方法用法实例

    本文实例讲述了jQuery中hasClass()方法用法.分享给大家供大家参考.具体分析如下: 此方法验证匹配元素是否包含指定的类,包含则返回true,否则返回false. 语法结构: 复制代码 代码如下: $(selector).hasClass(class) 参数列表: 参数 描述 class 用于匹配的类名. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8&q

  • jQuery初学:find()方法及children方法的区别分析

    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中not()方法用法实例

    本文实例讲述了jQuery中not()方法用法.分享给大家供大家参考.具体分析如下: 此方法删除与指定表达式匹配的元素. 语法结构一: 复制代码 代码如下: $(selector).not(expr) 参数列表: 参数 描述 expr 字符串值,定义筛选表达式. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name=&quo

随机推荐