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 相关文章推荐
不错的asp中显示新闻的功能
Oct 13 Javascript
Javascript学习笔记一 之 数据类型
Dec 15 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
Jun 19 Javascript
javascript实现网页端解压并查看zip文件
Dec 15 Javascript
AngularJS指令详解及示例代码
Aug 16 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
Aug 21 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
Jan 16 Javascript
微信小程序功能之全屏滚动效果的实现代码
Nov 22 Javascript
vue路由前进后退动画效果的实现代码
Dec 10 Javascript
js图数据结构处理 迪杰斯特拉算法代码实例
Sep 11 Javascript
基于node+vue实现简单的WebSocket聊天功能
Feb 01 Javascript
js+html+css实现手动轮播和自动轮播
Dec 30 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 socket实现的聊天室代码分享
2014/08/16 PHP
PHP获取当前时间不准确问题解决方案
2020/08/14 PHP
Javascript 面向对象 对象(Object)
2010/05/13 Javascript
深入理解Javascript作用域与变量提升
2013/12/09 Javascript
自己使用jquery写的一个无缝滚动的插件
2014/04/30 Javascript
jquery实现聚光灯效果的方法
2015/02/06 Javascript
jQuery通过ajax快速批量提交表单数据
2016/10/25 Javascript
详解js中call与apply关键字的作用
2016/11/21 Javascript
VUE实现日历组件功能
2017/03/13 Javascript
关于vue-resource报错450的解决方案
2017/07/24 Javascript
vue在自定义组件中使用v-model进行数据绑定的方法
2019/03/25 Javascript
JS实现返回上一页并刷新页面的方法分析
2019/07/16 Javascript
微信小程序button标签open-type属性原理解析
2020/01/21 Javascript
[01:21]2018DOTA2亚洲邀请赛4.5采访 打DOTA2也能有女朋友?
2018/04/06 DOTA
[05:00]TI9战队采访 - Royal Never Give Up
2019/08/20 DOTA
python中wx将图标显示在右下角的脚本代码
2013/03/08 Python
python遍历文件夹下所有excel文件
2018/01/03 Python
PyCharm鼠标右键不显示Run unittest的解决方法
2018/11/30 Python
django中瀑布流写法实例代码
2019/10/14 Python
Python 格式化输出_String Formatting_控制小数点位数的实例详解
2020/02/04 Python
Python捕获异常堆栈信息的几种方法(小结)
2020/05/18 Python
HTML5教程之html 5 本地数据库(Web Sql Database)
2014/04/03 HTML / CSS
Nike西班牙官方网站:Nike.com (ES)
2017/10/30 全球购物
大学教师年终总结的自我评价
2013/10/29 职场文书
高中自我评价范文
2014/01/27 职场文书
中学家长会邀请函
2014/02/03 职场文书
体育节口号
2014/06/19 职场文书
医学生求职信
2014/07/01 职场文书
单位员工收入证明样本
2014/10/09 职场文书
领导四风问题整改措施思想汇报
2014/10/13 职场文书
公司酒会致辞
2015/07/30 职场文书
MySQL中in和exists区别详解
2021/06/03 MySQL
JVM钩子函数的使用场景详解
2021/08/23 Java/Android
直播实况, OMG破敌三路五十分钟大战神技局摩托车
2022/04/01 DOTA
请求模块urllib之PYTHON爬虫的基本使用
2022/04/08 Python
Java8利用Stream对列表进行去除重复的方法详解
2022/04/14 Java/Android