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 apply/call/caller/callee/bind使用方法与区别分析
Oct 28 Javascript
JS交换变量的方法
Jan 21 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
Jan 29 Javascript
AngularJS ng-change 指令的详解及简单实例
Jul 30 Javascript
基于JavaScript实现添加到购物车效果附源码下载
Aug 22 Javascript
JavaScript在控件上添加倒计时功能的实现代码
Jul 04 Javascript
基于Vue实现支持按周切换的日历
Sep 24 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 jQuery
微信小程序页面缩放式侧滑效果的实现代码
Nov 15 Javascript
微信小程序实现的图片保存功能示例
Apr 24 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
May 23 Javascript
在elementui中Notification组件添加点击事件实例
Nov 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
thinkPHP学习笔记之安装配置篇
2015/03/05 PHP
基于php实现的php代码加密解密类完整实例
2016/10/12 PHP
php str_getcsv把字符串解析为数组的实现方法
2017/04/05 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
JS实现侧悬浮浮动实例代码
2013/11/29 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
2014/06/24 Javascript
JS动态创建DOM元素的方法
2015/06/09 Javascript
浅析js中substring和substr的方法
2015/11/09 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
简单实现AngularJS轮播图效果
2020/04/10 Javascript
详解在Angular项目中添加插件ng-bootstrap
2017/07/04 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
2017/07/31 Javascript
浅谈Webpack下多环境配置的思路
2018/06/27 Javascript
15个顶级开源JavaScript框架和库
2018/10/10 Javascript
JavaScript实现小球沿正弦曲线运动
2020/09/07 Javascript
基于vue-cli3+typescript的tsx开发模板搭建过程分享
2020/02/28 Javascript
JavaScript浅层克隆与深度克隆示例详解
2020/09/01 Javascript
[01:46]TI4西雅图DOTA2前线报道 中国选手抱团调时差
2014/07/08 DOTA
Python中利用sorted()函数排序的简单教程
2015/04/27 Python
python 3.0 模拟用户登录功能并实现三次错误锁定
2017/11/01 Python
python kmeans聚类简单介绍和实现代码
2018/02/23 Python
解决sublime+python3无法输出中文的问题
2018/12/12 Python
基于OpenCV python3实现证件照换背景的方法
2019/03/22 Python
css3进行截取替代js的substring
2013/09/02 HTML / CSS
快速实现一个简单的canvas迷宫游戏的示例
2018/07/04 HTML / CSS
Timberland美国官网:全球领先的户外品牌
2016/08/15 全球购物
总经理职责范文
2013/11/08 职场文书
渔夫的故事教学反思
2014/02/14 职场文书
大二学习计划书范文
2014/04/27 职场文书
党的群众路线教育实践活动总结报告
2014/04/28 职场文书
大跃进口号
2014/06/16 职场文书
支部书记四风问题自我剖析材料
2014/09/29 职场文书
公司合并协议书范本
2014/09/30 职场文书
新生开学寄语大全
2015/05/28 职场文书
如何开发一个渐进式Web应用程序PWA
2021/05/10 Javascript
详解Oracle块修改跟踪功能
2021/11/07 Oracle