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 相关文章推荐
显示、隐藏密码
Jul 01 Javascript
脚本吧 - 幻宇工作室用到js,超强推荐expand.js
Dec 23 Javascript
javascript Ext JS 状态默认存储时间
Feb 15 Javascript
详解JavaScript函数绑定
Aug 18 Javascript
javascript批量修改文件编码格式的方法
Jan 27 Javascript
浅析JavaScript事件和方法
Feb 28 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
Dec 09 Javascript
限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数
May 27 Javascript
同步文本框内容JS代码实现
Aug 04 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
Jun 13 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
May 04 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
Sep 05 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
在DC的漫画和电影中,蝙蝠侠的宿敌,小丑的真名是什么?
2020/04/09 欧美动漫
PHP 加密/解密函数 dencrypt(动态密文,带压缩功能,支持中文)
2009/01/30 PHP
PHP实现登录搜狐广告获取广告联盟数据的方法【附demo源码】
2016/10/14 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
基于PHP实现微信小程序客服消息功能
2019/08/12 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
javascript 获取select下拉列表值的代码
2009/09/07 Javascript
javascript下数值型比较难点说明
2010/06/07 Javascript
javascript创建和存储cookie示例
2014/01/07 Javascript
JS(JQuery)操作Array的相关方法介绍
2014/02/11 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
2014/06/11 Javascript
javascript使用appendChild追加节点实例
2015/01/12 Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
2016/08/05 Javascript
JS简单去除数组中重复项的方法
2016/09/13 Javascript
js监听input输入框值的实时变化实例
2017/01/26 Javascript
简单实现bootstrap选项卡效果
2017/02/08 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
js实现移动端导航点击自动滑动效果
2017/07/18 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
Vue组件间通信 Vuex的用法解析
2019/08/05 Javascript
详解Nuxt.js 实战集锦
2019/11/19 Javascript
[01:13:08]2018DOTA2亚洲邀请赛4.6 淘汰赛 mineski vs LGD 第二场
2018/04/10 DOTA
[01:51]开启你的城市传奇 完美世界城市挑战赛开始报名
2018/10/09 DOTA
Python中os.path用法分析
2015/01/15 Python
Python写的服务监控程序实例
2015/01/31 Python
理想高通滤波实现Python opencv示例
2019/01/30 Python
Python内置random模块生成随机数的方法
2019/05/31 Python
python之生成多层json结构的实现
2020/02/27 Python
Python类的动态绑定实现原理
2020/03/21 Python
python 实现弹球游戏的示例代码
2020/11/17 Python
HTML5离线应用与客户端存储的实现
2018/05/03 HTML / CSS
梅西酒窖:Macy’s Wine Cellar
2018/01/07 全球购物
Cotton On香港网站:澳洲时装连锁品牌
2018/11/01 全球购物
如何撰写出一份完美的商业计划书?
2019/07/12 职场文书
Spring 使用注解开发
2022/05/20 Java/Android