jQuery中first()方法用法实例


Posted in Javascript onJanuary 06, 2015

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

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

语法结构:

$(selector).first()

实例代码:
<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<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程序设计有所帮助。

Javascript 相关文章推荐
js 纯数字不重复排列的另类方法
Jul 17 Javascript
prettify 代码高亮着色器google出品
Dec 28 Javascript
jQuery中:button选择器用法实例
Jan 04 Javascript
jquery实现增加删除行的方法
Feb 03 Javascript
jquery序列化方法实例分析
Jun 10 Javascript
每天一篇javascript学习小结(Boolean对象)
Nov 12 Javascript
JS控制TreeView的结点选择
Nov 11 Javascript
js鼠标移动时禁止选中文字
Feb 19 Javascript
基于js Canvas实现二次贝塞尔曲线
Dec 25 Javascript
Vue的click事件防抖和节流处理详解
Nov 13 Javascript
Html5生成验证码的示例代码
May 10 Javascript
JavaScript原始值与包装对象的详细介绍
May 11 Javascript
jquery解决客户端跨域访问问题
Jan 06 #Javascript
angular.foreach 循环方法使用指南
Jan 06 #Javascript
angularjs 处理多个异步请求方法汇总
Jan 06 #Javascript
json实现前后台的相互传值详解
Jan 05 #Javascript
jQuery中eq()方法用法实例
Jan 05 #Javascript
一款基于jQuery的图片场景标注提示弹窗特效
Jan 05 #Javascript
jQuery中toggleClass()方法用法实例
Jan 05 #Javascript
You might like
PHP爆绝对路径方法收集整理
2012/09/17 PHP
PHP实现小偷程序实例
2016/10/31 PHP
PHP+Ajax简单get验证操作示例
2019/03/02 PHP
javascript中的对象和数组的应用技巧
2007/01/07 Javascript
Js 订制自己的AlertBox(信息提示框)
2009/01/09 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
2013/09/06 Javascript
zTree插件之多选下拉菜单实例代码
2013/11/06 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
2013/11/07 Javascript
js中匿名函数的创建与调用方法分析
2014/12/19 Javascript
JavaScript中日期的相关操作方法总结
2015/10/24 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
2016/01/14 Javascript
js弹出窗口简单实现代码
2017/03/22 Javascript
React Router V4使用指南(精讲)
2018/09/17 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
2019/04/25 Javascript
Javascript异步流程控制之串行执行详解
2020/09/27 Javascript
[44:10]2018DOTA2亚洲邀请赛 4.5 淘汰赛 EG vs VP 第一场
2018/04/06 DOTA
Python实现的ini文件操作类分享
2014/11/20 Python
Python+Opencv识别两张相似图片
2020/03/23 Python
CentOS6.5设置Django开发环境
2016/10/13 Python
TensorFlow tf.nn.conv2d_transpose是怎样实现反卷积的
2020/04/20 Python
python爬虫把url链接编码成gbk2312格式过程解析
2020/06/08 Python
python图片验证码识别最新模块muggle_ocr的示例代码
2020/07/03 Python
python 实现压缩和解压缩的示例
2020/09/22 Python
pycharm激活码免费分享适用最新pycharm2020.2.3永久激活
2020/11/25 Python
python Scrapy框架原理解析
2021/01/04 Python
Html5游戏开发之乒乓Ping Pong游戏示例(三)
2013/01/21 HTML / CSS
Dune London官网:英国著名奢华鞋履品牌
2017/11/30 全球购物
美国正宗设计师眼镜在线零售商:EYEZZ
2019/03/23 全球购物
幼师自荐信范文
2013/10/06 职场文书
办公自动化毕业生求职信
2014/03/09 职场文书
《故都的秋》教学反思
2014/04/15 职场文书
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
先进典型发言材料
2014/12/30 职场文书
医生个人年终总结
2015/02/28 职场文书
财务年终工作总结大全
2019/06/20 职场文书
导游词之昭君岛
2020/01/17 职场文书