编程 Javascript

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

jQuery中first()方法用法实例

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Extjs列表详细信息窗口新建后自动加载解决方法

Apr 02 Javascript

jQuery 数据缓存模块进化史详细介绍

Nov 19 Javascript

JavaScript实现的一个日期格式化函数分享

Dec 06 Javascript

Js与Jq 获取页面元素值的方法和差异对比

Apr 30 Javascript

jquery获取select选中值的方法分析

Dec 22 Javascript

ES6生成器用法实例分析

Apr 10 Javascript

Javascript创建类和对象详解

May 31 Javascript

laydate 显示结束时间不小于开始时间的实例

Aug 11 Javascript

vue组件中使用props传递数据的实例详解

Apr 08 Javascript

微信小程序获取音频时长与实时获取播放进度问题

Aug 28 Javascript

jQuery实现简单评论区功能

Oct 26 jQuery

vue @ ~ 相对路径路径别名设置方式

Jun 05 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

php数组总结篇(一）

2008/09/30 PHP

解析PHP生成静态html文件的三种方法

2013/06/18 PHP

显示youtube视频缩略图和Vimeo视频缩略图代码分享

2014/02/13 PHP

php类中的各种拦截器用法分析

2014/11/03 PHP

PHP判断网络文件是否存在的方法

2015/03/12 PHP

微信支付开发告警通知实例

2016/07/12 PHP

php+ajax简单实现全选删除的方法

2016/12/06 PHP

laravel 操作数据库常用函数的返回值方法

2019/10/11 PHP

js获得页面的高度和宽度的方法

2014/02/23 Javascript

JS判断是否360安全浏览器极速内核的方法

2015/01/29 Javascript

对比分析AngularJS中的$http.post与jQuery.post的区别

2015/02/27 Javascript

JS实现跟随鼠标的链接文字提示框效果

2015/08/06 Javascript

jquery UI Datepicker时间控件的使用方法（加强版）

2015/11/07 Javascript

js判断价格,必须为数字且不能为负数的实现方法

2016/10/07 Javascript

完美解决node.js中使用https请求报CERT_UNTRUSTED的问题

2017/01/08 Javascript

JS Select下拉框(支持输入模糊查询)

2017/02/04 Javascript

ES6新特性之变量和字符串用法示例

2017/04/01 Javascript

vue2.0 如何把子组件的数据传给父组件(推荐)

2018/01/15 Javascript

vue自定义全局组件(自定义插件)的用法

2018/01/30 Javascript

AngularJS下$http服务Post方法传递json参数的实例

2018/03/29 Javascript

js 实现在2d平面上画8的方法

2018/10/10 Javascript

js prototype和__proto__的关系是什么

2019/08/23 Javascript

vue+echarts实现动态折线图的方法与注意

2020/09/01 Javascript

[03:49]辉夜杯现场龙骑士COSER秀情商“我喜欢芬队！”

2015/12/27 DOTA

python中sleep函数用法实例分析

2015/04/29 Python

django2.0扩展用户字段示例

2019/02/13 Python

关于Django Models CharField 参数说明

2020/03/31 Python

美国浴缸、水槽和水龙头购物网站：Vintage Tub & Bath

2019/11/05 全球购物

《桂林山水》教学反思

2014/02/08 职场文书

仓管员岗位责任制

2014/02/19 职场文书

后勤服务中心总经理工作职责

2014/03/03 职场文书

机关办公室岗位职责

2014/04/16 职场文书

法学专业求职信范文

2015/03/19 职场文书

公司借条范本

2015/05/25 职场文书

运动会班级口号霸气押韵

2015/12/24 职场文书

天谕手游15杯全调酒配方和调酒券的获得方式

2022/04/06 其他游戏