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 相关文章推荐
读jQuery之四(优雅的迭代)
Jun 20 Javascript
JQuery select控件的相关操作实现代码
Sep 14 Javascript
JS的get和set使用示例
Feb 20 Javascript
javascript读写json示例
Apr 11 Javascript
jQuery中slideUp 和 slideDown 的点击事件
Feb 26 Javascript
js添加千分位的实现代码(超简单)
Aug 01 Javascript
详解从新建vue项目到引入组件Element的方法
Aug 29 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
Mar 21 Javascript
详解ES6中的 Set Map 数据结构学习总结
Nov 06 Javascript
vue表单验证你真的会了吗?vue表单验证(form)validate
Apr 07 Javascript
vue监听用户输入和点击功能
Sep 27 Javascript
vue 使用post/get 下载导出文件操作
Aug 07 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
php5 and xml示例
2006/11/22 PHP
PHP 极验验证码实例讲解
2016/09/29 PHP
PHP内存缓存功能memcached示例
2016/10/19 PHP
Ext JS Grid在IE6 下宽度的问题解决方法
2009/02/15 Javascript
javascript学习基础笔记之DOM对象操作
2011/11/03 Javascript
js或jquery实现页面打印可局部打印
2014/03/27 Javascript
jQuery中index()方法用法实例
2014/12/27 Javascript
jQuery实现的输入框选择时间插件用法实例
2015/02/28 Javascript
JQuery日历插件My97DatePicker日期范围限制
2016/01/20 Javascript
基于node下的http小爬虫的示例代码
2018/01/11 Javascript
使用vux实现上拉刷新功能遇到的坑
2018/02/08 Javascript
vue-resourc发起异步请求的方法
2020/02/11 Javascript
解决vue与node模版引擎的渲染标记{{}}(双花括号)冲突问题
2020/09/11 Javascript
jQuery实现朋友圈查看图片
2020/09/11 jQuery
jQuery实现推拉门效果
2020/10/19 jQuery
python脚本替换指定行实现步骤
2017/07/11 Python
Python 多核并行计算的示例代码
2017/11/07 Python
分享一下Python数据分析常用的8款工具
2018/04/29 Python
python 以16进制打印输出的方法
2018/07/09 Python
pyqt5中QThread在使用时出现重复emit的实例
2019/06/21 Python
python try except返回异常的信息字符串代码实例
2019/08/15 Python
python hashlib加密实现代码
2019/10/17 Python
Python导入模块包原理及相关注意事项
2020/03/25 Python
django 数据库 get_or_create函数返回值是tuple的问题
2020/05/15 Python
Python如何给你的程序做性能测试
2020/07/29 Python
html5音频_动力节点Java学院整理
2018/08/22 HTML / CSS
美国基督教约会网站:ChristianCafe.com
2020/02/04 全球购物
职位说明书范文
2014/05/07 职场文书
感恩节活动策划方案
2014/05/16 职场文书
计算机系本科生求职信
2014/05/31 职场文书
客服专员岗位职责
2015/02/10 职场文书
个人工作保证书
2015/02/28 职场文书
教师党员自我评价范文
2015/03/04 职场文书
阿里云服务器搭建Php+Apache运行环境的详细过程
2021/05/15 PHP
解决mysql的int型主键自增问题
2021/07/15 MySQL
CPU不支持Windows11系统怎么办
2021/11/21 数码科技