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 使td内容不换行不撑开
Nov 29 Javascript
图片动画横条广告带上下滚动的JS代码
Oct 25 Javascript
javascript实用方法总结
Feb 06 Javascript
学习javascript文件加载优化
Feb 19 Javascript
Google 地图叠加层实例讲解
Aug 06 Javascript
AngularJS指令与指令之间的交互功能示例
Dec 14 Javascript
javascript中的深复制详解及实例分析
Dec 29 Javascript
详解Angular 中 ngOnInit 和 constructor 使用场景
Jun 22 Javascript
react 应用多入口配置及实践总结
Oct 17 Javascript
react高阶组件添加和删除props
Apr 26 Javascript
jQuery实现图片下载代码
Jul 18 jQuery
js实现提交前对列表数据的增删改查
Jan 16 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
从C/C++迁移到PHP——判断字符类型的函数
2006/10/09 PHP
PHP中数组合并的两种方法及区别介绍
2012/09/14 PHP
PHP按行读取、处理较大CSV文件的代码实例
2014/04/09 PHP
PHP严重致命错误处理:php Fatal error: Cannot redeclare class or function
2017/02/05 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
Avengerls vs KG BO3 第三场2.18
2021/03/10 DOTA
Javascript var变量隐式声明方法
2009/10/19 Javascript
Javascript让DEDECMS告别手写Tag
2014/09/01 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
2014/12/13 Javascript
js+div实现文字滚动和图片切换效果代码
2015/08/27 Javascript
详解Javascript继承的实现
2016/03/25 Javascript
AngularJS 入门教程之事件处理器详解
2016/08/19 Javascript
JavaScript生成验证码并实现验证功能
2016/09/24 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
2016/10/26 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
JavaScript实现经纬度转换成地址功能
2017/03/28 Javascript
B/S(Web)实时通讯解决方案分享
2017/04/06 Javascript
微信小程序 引入es6 promise
2017/04/12 Javascript
JS中this的指向以及call、apply的作用
2018/05/06 Javascript
JS数组实现分类统计实例代码
2018/09/30 Javascript
vuex的module模块用法示例
2018/11/12 Javascript
基于vue 实现表单中password输入的显示与隐藏功能
2019/07/19 Javascript
微信小程序点击列表跳转到对应详情页过程解析
2019/09/26 Javascript
vuex入门最详细整理
2020/03/04 Javascript
python 实现文件的递归拷贝实现代码
2012/08/02 Python
python使用装饰器和线程限制函数执行时间的方法
2015/04/18 Python
python 实现得到当前时间偏移day天后的日期方法
2018/12/31 Python
对python中类的继承与方法重写介绍
2019/01/20 Python
python GUI库图形界面开发之PyQt5窗口类QMainWindow详细使用方法
2020/02/26 Python
pycharm设置默认的UTF-8编码模式的方法详解
2020/06/01 Python
HTML5边玩边学(2)基础绘图实现方法
2010/09/21 HTML / CSS
Sandro法国官网:法国成衣品牌
2019/08/28 全球购物
护理专业本科生自荐信
2013/10/01 职场文书
环卫工作个人总结
2015/03/04 职场文书
CentOS7环境下MySQL8常用命令小结
2022/06/10 Servers
python 使用pandas读取csv文件的方法
2022/12/24 Python