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 delete操作符应用实例
Jan 13 Javascript
简单的js分页脚本
May 21 Javascript
javascript实现倒计时(精确到秒)
Jun 26 Javascript
基于Jquery实现万圣节快乐特效
Nov 01 Javascript
jQuery中选择器的基础使用教程
May 23 Javascript
Angularjs 设置全局变量的方法总结
Oct 20 Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
Nov 01 Javascript
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
May 03 Javascript
详解Next.js页面渲染的优化方案
Jan 27 Javascript
Jquery让form表单异步提交代码实现
Nov 14 jQuery
Vue+Element实现网页版个人简历系统(推荐)
Dec 31 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
PHP中防止SQL注入方法详解
2014/12/25 PHP
php数组索引与键值操作技巧实例分析
2015/06/24 PHP
PHP 中常量的知识整理
2017/04/14 PHP
php实现每日签到功能
2018/11/29 PHP
jQuery使用手册之三 CSS操作
2007/03/24 Javascript
js读写cookie实现一个底部广告浮层效果的两种方法
2013/12/29 Javascript
Javascript玩转继承(三)
2014/05/08 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
2015/12/22 Javascript
jquery 正整数数字校验正则表达式
2017/01/10 Javascript
详解vue中组件参数
2018/07/09 Javascript
vue中使用cookies和crypto-js实现记住密码和加密的方法
2018/10/18 Javascript
详解@Vue/Cli 3 Invalid Host header 错误解决办法
2019/01/02 Javascript
原生js滑动轮播封装
2020/07/31 Javascript
解决vue addRoutes不生效问题
2020/08/04 Javascript
vue 递归组件的简单使用示例
2021/01/14 Vue.js
pymssql数据库操作MSSQL2005实例分析
2015/05/25 Python
Python编程实现的简单Web服务器示例
2017/06/22 Python
Python wxPython库消息对话框MessageDialog用法示例
2018/09/03 Python
对Python+opencv将图片生成视频的实例详解
2019/01/08 Python
Python_查看sqlite3表结构,查询语句的示例代码
2019/07/17 Python
python连接PostgreSQL数据库的过程详解
2019/09/18 Python
详解Django admin高级用法
2019/11/06 Python
使用pyqt 实现重复打开多个相同界面
2019/12/13 Python
Window版下在Jupyter中编写TensorFlow的环境搭建
2020/04/10 Python
Python多线程thread及模块使用实例
2020/04/28 Python
使用pyplot.matshow()函数添加绘图标题
2020/06/16 Python
Html5 postMessage实现跨域消息传递
2016/03/11 HTML / CSS
Html5页面点击遮罩层背景关闭遮罩层
2020/11/30 HTML / CSS
美国最大的香水出口:FragranceX.com
2017/11/04 全球购物
化学相关工作求职信
2013/10/02 职场文书
高中毕业的自我鉴定
2013/12/09 职场文书
副厂长岗位职责
2014/02/02 职场文书
企业负责人任命书
2014/06/05 职场文书
村党建工作汇报材料
2014/11/02 职场文书
2015小学毕业班工作总结
2015/07/21 职场文书
星际争霸:毕姥爷vs解冻01
2022/04/01 星际争霸