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中的call实现继承
Jan 22 Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
Oct 29 Javascript
javascript温习的一些笔记 基础常用知识小结
Jun 22 Javascript
通过一段代码简单说js中的this的使用
Jul 23 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
Dec 08 Javascript
Iframe 自动适应页面的高度示例代码
Feb 26 Javascript
jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果
Aug 25 Javascript
ajax级联菜单实现方法实例分析
Nov 28 Javascript
深入探究node之Transform
Jul 20 Javascript
浅谈angular2子组件的事件传递(任意组件事件传递)
Sep 30 Javascript
从零开始在NPM上发布一个Vue组件的方法步骤
Dec 20 Javascript
Javascript之高级数组API的使用实例
Mar 08 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
咖啡与牛奶
2021/03/03 冲泡冲煮
mysql5详细安装教程
2007/01/15 PHP
用PHP 快速生成 Flash 动画的方法
2007/03/06 PHP
php IP及IP段进行访问限制的代码
2008/12/17 PHP
php获取英文姓名首字母的方法
2015/07/13 PHP
菜鸟学习JavaScript小实验之函数引用
2010/11/17 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
2013/09/06 Javascript
动态读取JSON解析键值对的方法
2014/06/03 Javascript
jQuery学习笔记之jQuery.fn.init()的参数分析
2014/06/09 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
2016/05/15 Javascript
jQuery通用的全局遍历方法$.each()用法实例
2016/07/04 Javascript
jQuery实现点击查看大图并以弹框的形式居中
2016/08/08 Javascript
JS开发中基本数据类型具体有哪几种
2017/10/19 Javascript
js保留两位小数方法总结
2018/01/31 Javascript
200行HTML+JavaScript实现年会抽奖程序
2019/01/22 Javascript
vue中使用element ui的弹窗与echarts之间的问题详解
2019/10/25 Javascript
Vue 设置axios请求格式为form-data的操作步骤
2019/10/29 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
jQuery HTML设置内容和属性操作实例分析
2020/05/20 jQuery
用Javascript实现发送短信验证码间隔功能
2021/02/08 Javascript
Python Property属性的2种用法
2015/06/21 Python
详细解读Python中解析XML数据的方法
2015/10/15 Python
PyTorch上实现卷积神经网络CNN的方法
2018/04/28 Python
pip命令无法使用的解决方法
2018/06/12 Python
Python lambda表达式用法实例分析
2018/12/25 Python
详解django+django-celery+celery的整合实战
2019/03/19 Python
python编写猜数字小游戏
2019/10/06 Python
python爬虫开发之使用python爬虫库requests,urllib与今日头条搜索功能爬取搜索内容实例
2020/03/10 Python
详解Python中namedtuple的使用
2020/04/27 Python
matplotlib.pyplot.plot()参数使用详解
2020/07/28 Python
python爬虫实现爬取同一个网站的多页数据的实例讲解
2021/01/18 Python
canvas学习笔记之2d画布基础的实现
2019/02/21 HTML / CSS
中国综合性网上购物商城:当当(网上卖书起家)
2016/11/16 全球购物
2014年安置帮教工作总结
2014/12/11 职场文书
2015迎新晚会开场白
2015/07/17 职场文书
关于springboot 配置date字段返回时间戳的问题
2021/07/25 Java/Android