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之typeof、instanceof操作符使用探讨
May 19 Javascript
js读取被点击次数的简单实例(从数据库中读取)
Mar 07 Javascript
如何使用HTML5地理位置定位功能
Apr 27 Javascript
实例讲解jQuery中对事件的命名空间的运用
May 24 Javascript
javascript回到顶部特效
Jul 30 Javascript
jquery与ajax获取特殊字符实例详解
Jan 08 Javascript
layer弹窗插件操作方法详解
May 19 Javascript
使用Javascript简单计算器
Nov 17 Javascript
js取小数点后两位四种方法
Jan 18 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
Jun 06 jQuery
js实现拖动缓动效果
Jan 13 Javascript
Element InputNumber 计数器的实现示例
Aug 03 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
DOTA2 玩家自创拉野攻略 特色英雄快速成长篇
2020/04/20 DOTA
无JS,完全php面向过程数据分页实现代码
2012/08/27 PHP
基于php验证码函数的使用示例
2013/05/03 PHP
php生成图片缩略图的方法
2015/04/07 PHP
PHP面向对象程序设计中的self、static、parent关键字用法分析
2019/08/14 PHP
Javascript中的for in循环和hasOwnProperty结合使用
2013/06/05 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
2015/08/06 Javascript
jQuery简单操作cookie的插件实例
2016/01/13 Javascript
jquery仿QQ登录账号选择下拉框效果
2016/03/22 Javascript
Nodejs+Socket.io实现通讯实例代码
2017/02/13 NodeJs
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
2017/02/21 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
2018/09/07 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
2019/05/21 Javascript
vue-week-picker实现支持按周切换的日历
2019/06/26 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
Vue页面刷新记住页面状态的实现
2019/12/27 Javascript
非常漂亮的js烟花效果
2020/03/10 Javascript
vue中使用vue-pdf的方法详解
2020/09/05 Javascript
python时间整形转标准格式的示例分享
2014/02/14 Python
Python functools模块学习总结
2015/05/09 Python
Python写入数据到MP3文件中的方法
2015/07/10 Python
python对列进行平移变换的方法(shift)
2019/01/10 Python
python安装requests库的实例代码
2019/06/25 Python
python同时遍历两个list用法说明
2020/05/02 Python
Python生成并下载文件后端代码实例
2020/08/31 Python
pycharm 2020 1.1的安装流程
2020/09/29 Python
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
2018/02/01 HTML / CSS
小米俄罗斯授权商店:Xiaomi俄罗斯
2019/12/08 全球购物
NET程序员上机面试题
2015/05/23 面试题
会计应届生的自荐信
2013/12/13 职场文书
青年文明号创建承诺
2014/03/31 职场文书
年度安全生产目标责任书
2014/07/23 职场文书
旷课检讨书范文
2014/10/30 职场文书
清洁工岗位职责
2015/02/13 职场文书
学生检讨书范文
2019/06/24 职场文书
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js