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 相关文章推荐
javascript attachEvent绑定多个事件执行顺序问题
Oct 20 Javascript
JavaScript驾驭网页-获取网页元素
Mar 24 Javascript
JavaScript的String字符串对象常用操作总结
May 26 Javascript
详解Javascript百度地图接口开发文档中的类和方法
Feb 07 Javascript
javascript 删除数组元素和清空数组的简单方法
Feb 24 Javascript
使用grunt合并压缩js和css文件的方法
Mar 02 Javascript
jQuery简易时光轴实现方法示例
Mar 13 Javascript
vue实现导航栏效果(选中状态刷新不消失)
Dec 13 Javascript
vue获取当前激活路由的方法
Mar 17 Javascript
在vscode里使用.vue代码模板的方法
Apr 28 Javascript
vue prop属性传值与传引用示例
Nov 13 Javascript
详解Vue3 Teleport 的实践及原理
Dec 02 Vue.js
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
人族 TERRAN 概述
2020/03/14 星际争霸
php生成网页桌面快捷方式
2017/05/05 PHP
php微信公众号开发之图片回复
2018/10/20 PHP
thinkphp5.1框架容器与依赖注入实例分析
2019/07/23 PHP
让IE6支持min-width和max-width的方法
2010/06/25 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
2012/09/14 Javascript
javascript打印输出json实例
2013/11/11 Javascript
jQuery 3.0十大新特性最终版发布
2016/07/14 Javascript
jquery判断对象是否为空并遍历对象的简单实例
2016/07/26 Javascript
JavaScript鼠标特效大全
2016/09/13 Javascript
Javascript中for循环语句的几种写法总结对比
2017/01/23 Javascript
本地搭建微信小程序服务器的实现方法
2017/10/27 Javascript
微信小程序文章详情页跳转案例详解
2019/07/09 Javascript
vue过滤器实现日期格式化的案例分析
2020/07/02 Javascript
基于vue+element实现全局loading过程详解
2020/07/10 Javascript
vue3.0搭配.net core实现文件上传组件
2020/10/29 Javascript
[02:49]DOTA2完美大师赛首日观众采访
2017/11/23 DOTA
haskell实现多线程服务器实例代码
2013/11/26 Python
pycharm 使用心得(六)进行简单的数据库管理
2014/06/06 Python
浅谈Tensorflow模型的保存与恢复加载
2018/04/26 Python
python MNIST手写识别数据调用API的方法
2018/08/08 Python
解决pycharm的Python console不能调试当前程序的问题
2019/01/20 Python
python psutil模块使用方法解析
2019/08/01 Python
在Python中使用turtle绘制多个同心圆示例
2019/11/23 Python
TensorFlow——Checkpoint为模型添加检查点的实例
2020/01/21 Python
Python request post上传文件常见要点
2020/11/20 Python
Python用Jira库来操作Jira
2020/12/28 Python
python实现PolynomialFeatures多项式的方法
2021/01/06 Python
DOUGLAS荷兰:购买香水和化妆品
2020/10/24 全球购物
班级学习计划书
2014/04/27 职场文书
2014年学生会部门工作总结
2014/11/07 职场文书
2014年班务工作总结
2014/12/02 职场文书
2014年后勤工作总结范文
2014/12/16 职场文书
2015高三毕业寄语赠言
2015/02/27 职场文书
上甘岭观后感
2015/06/10 职场文书
使用qt quick-ListView仿微信好友列表和聊天列表的示例代码
2021/06/13 Python