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 相关文章推荐
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
jquery的live使用注意事项
Feb 18 Javascript
BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
Oct 29 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
Mar 10 Javascript
学习javascript的闭包,原型,和匿名函数之旅
Oct 18 Javascript
AngularJS ui-router (嵌套路由)实例
Mar 10 Javascript
vue按需引入element Transfer 穿梭框
Sep 30 Javascript
安装vue-cli报错 -4058 的解决方法
Oct 19 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
Dec 24 Javascript
使用Vue动态生成form表单的实例代码
Apr 26 Javascript
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
Apr 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
php blowfish加密解密算法
2016/07/02 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
JavaScript 内置对象属性及方法集合
2010/07/04 Javascript
通过百度地图获取公交线路的站点坐标的js代码
2012/05/11 Javascript
让你的博客飘雪花超出屏幕依然看得见
2013/01/04 Javascript
javascript 函数及作用域总结介绍
2013/11/12 Javascript
深入理解javascript作用域和闭包
2014/09/23 Javascript
js兼容火狐显示上传图片预览效果的方法
2015/05/21 Javascript
超漂亮的jQuery图片轮播特效
2015/11/24 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
2016/02/15 Javascript
jQuery 常用代码集锦(必看篇)
2016/05/16 Javascript
JavaScript对象数组排序实例方法浅析
2016/06/15 Javascript
JavaScript闭包和范围实例详解
2016/12/19 Javascript
详解JavaScript RegExp对象
2017/02/04 Javascript
JS中的作用域链
2017/03/01 Javascript
canvas实现刮刮卡效果
2017/03/14 Javascript
Vue.js实战之组件之间的数据传递
2017/04/01 Javascript
微信小程序 数据遍历的实现
2017/04/05 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
2018/02/24 Javascript
cordova+vue+webapp使用html5获取地理位置的方法
2019/07/06 Javascript
微信小程序实现左滑动删除效果
2020/03/30 Javascript
Python中获取网页状态码的两个方法
2014/11/03 Python
Python的MongoDB模块PyMongo操作方法集锦
2016/01/05 Python
python高阶爬虫实战分析
2018/07/29 Python
python虚拟环境完美部署教程
2019/08/06 Python
Python语法垃圾回收机制原理解析
2020/03/25 Python
python interpolate插值实例
2020/07/06 Python
浅谈对python中if、elif、else的误解
2020/08/20 Python
html5标记文字_动力节点Java学院整理
2017/07/11 HTML / CSS
将SVG图引入到HTML页面的实现
2019/09/20 HTML / CSS
Nike瑞士官网:Nike CH
2021/01/18 全球购物
农药学硕士毕业生自荐信
2013/09/25 职场文书
门卫人员岗位职责
2013/12/24 职场文书
初三家长会邀请函
2014/01/18 职场文书
小学校本培训方案
2014/06/06 职场文书
色戒观后感
2015/06/12 职场文书