first() 函数详解 函数

获取当前对象的第一个元素

语法

$selector.first()

返回值

返回值为一个对象

实例说明

代码



<!DOCTYPE html>
<html lang="zh-CN">
<head lang="en">
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

</head>
<body>
<div></div>
<div id="div"></div>
<div>
    <ul>
        <li class="li">one</li>
        <li id="two" class="li">two</li>
        <li>three</li>
    </ul>
</div>
<script>
    document.writeln( $("li").first().attr("class"));//返回第一个li的类名
    document.writeln( $("li").first());//返回是一个对象
</script>
</body>
</html>








运行结果


aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJsAAACCCAIAAADe2i2IAAAEhUlEQVR4nO2dMXKDMBBFVeYQKXIDmpQ5StTnGGl1ljSaySFSuGXGZY6RUikwaBESARuF9ee/Jg4w9trPawQsKxMIFmbvAMjG0CgaNIoGjaJBo2jQKBo0igaNokGjaNAoGjSKBo2iQaNo0CgaNIoGjaJBo2hUN3o+n7++vn5+fmq/EOmoa/T19dUYY4x5fHw8nU7zG3trLjSuDSGE0LrGGGN991esEGuNMcZYX/FN3BkVjX58fBjB8/PzzMbeRi+ta4bH3kaRcnnrGqHX25HrQ1PR6Pv7uzT68PBQ3HTsR/7vrUjA+I/IT6bpmIpGPz8/5Uf+8vJS3NTb6Q9qp6hgdLSYSOruR9/e3jqdT09P5/O5uN01Ocrf2TzVx7rf39+n0+nPsa7M0mQ/mjMaWteItG6dY8ZeUHQ8Gse6UtuwoF89eIzbG+ZrRJFRsgk0igaNokGjaNAoGjSKBo2iQaNo0CgaNIoGjaKhy6h3PEF7K5rqjHiJbAuU1BmJ6yjx6stlofXdg8b57lpMvOrNSy9TtNQZhZDL0dY1fSlDfwXcDVfCs3VJREedUUfmV/eidLi+fRFarnkgOuqMOnJeuuT0ztrGepmhhbokoqPOqCObad42zjnXtq6xri8+YY6W0VJnFMIo07yXxUVDVcqo5Chbl0SUHY/2w1chaDo6SjemTokuo+R2aBQNGkWDRtGgUTRoFA0aRYNG0dBvVJw+IgtQbbTvw7B3HHeFaqOBN3OvR5fRaZ0Rja5Fe50Rja5Fc53RZcW0n1Hu3m95C3++z9FB+h/prjMq9zPqVlnbpXBcU+pzdJz+R8rrjIqdNUJ6CXx4inGyR9HZ5YDorzOaMzrRUtrtHmh3rL3OaKXRUsHRgQqRtNcZrTRa7HN0nP5Hyo5HbX7vl/QzSvaKiddSn6OD9D/SZZTcDo2iQaNo0CgaNIoGjaJBo2jQKBo0igaNokGjaNAoGjSKBo2iQaNo0CgaNIoGjaJBo2jQKBo0igaNokGjaFQ1KupqkStk/4EVtcaVja4oXb+Xfgs7x/nn5Ayp0fRWzenaFdm21Oiyfgu5e9FqEn9hxnMW7xvnaqMdMzcE1TAaFt089q9G5TuVvXx3j3NjoyvZ1ugGLJ5PJmmbHqPbPU4aFSx/V+U++LvHuZ3RyVT3i0LLGc3O05LttzD/4mv6LRT7PORJjcYFu8e5/X70RqOleVpkv4XpBzp98Zl+C0Y8vm5+gulwQRrdN05lRsuxL7vZdzTZQO7bnP+MV0f/R47uGacyo0v3T9nXkQuv6rewPPrMN09LnMqMbpmj2UA2MpoZ62qJU5nR8jwtC+ZBS/dP2b4K44PB1lkRbn4+mQIi0OR4dN84rz9nlA7axqOwpSOM+bGu/La7fubC4rOnX6cr+i3k5pOZiT49Z6QhzitzdCM2OFMf80P3zEuV49Rypn4L7mXmJTVxqjdKVkKjaNAoGjSKBo2iQaNo0CgaNIoGjaJBo2jQKBo0igaNokGjaNAoGjSKBo2iQaNo0CgaNIoGjaJBo2jQKBo0igaNokGjaPwC9U3I7vMeuncAAAAASUVORK5CYII=" alt="" />


King_dream


2015-04-16 17:52:24


												


											
jQuery.first() 函数的更多相关文章
	

    
						
  1. 图片放大功能插件及jquery.extend函数理解
		
    前端时间,产品提出社区评论中的图片需要有放大功能.感觉可以共用,所以就想整合一个插件,过程中也借鉴了一些例子. 分析下自己的代码思路: var scaleImg = function(opts) {  ...
    
		
    2. 
						
  2. jquery each函数 break和continue功能
		
    jquery each函数 break和continue功能幸运的是另一个突破,持续一个jQuery循环方式.你可以打破在函数返回一个jQuery参数虚假循环.一个可以继续执行只是在做不指定返回值或返 ...
    
		
    3. 
						
  3. jQuery 遍历函数
		
    转载http://www.cnblogs.com/tylerdonet/archive/2013/04/05/3000618.html jQuery 遍历函数包括了用于筛选.查找和串联元素的方法. 函 ...
    
		
    4. 
						
  4. 关于jquery中用函数来设置css样式
		
    关于jquery中用函数来设置css样式 2016-12-21 23:27:55 1.jquery语法 $(selector).css(name,function(index,value)) name ...
    
		
    5. 
						
  5. jQuery.attr()  函数详解
		
    一,jQuery.attr()  函数详解: http://www.365mini.com/page/jquery-attr.htm 二,jQuery函数attr()和prop()的区别: http: ...
    
		
    6. 
						
  6. jQuery.noConflict() 函数
		
    jQuery.noConflict()函数用于让出jQuery库对变量$(和变量jQuery)的控制权. 一般情况下,在jQuery库中,变量$是变量jQuery的别名,它们之间是等价的,例如jQue ...
    
		
    7. 
						
  7. jQuery.ajax() 函数详解
		
    jQuery.ajax()函数用于通过后台HTTP请求加载远程数据. jQuery.ajax()函数是jQuery封装的AJAX技术实现,通过该函数,我们无需刷新当前页面即可获取远程服务器上的数据.  ...
    
		
    8. 
						
  8. Jquery核心函数
		
    在Jquery中,所有的DOM对象都将封装成Jquery对象,而且只有Jquery对象才能使用Jquery方法或者属性来执行相应的操作. 所以Jquery提供了一个可以将DOM对象封装成Jquery对 ...
    
		
    9. 
						
  9. jQuery.makeArray() 函数详解
		
    jQuery.makeArray()函数用于将一个类数组对象转换为真正的数组对象. 所谓"类数组对象"就是一个常规的Object对象,但它和数组对象非常相似:具备length属性, ...
    
		
    10. 
						
  10. jQuery基础之（三）jQuery功能函数前缀及与window.onload冲突
		
    1.jQuery功能函数前缀 在javascript中,开发者通常会编写一些小函数来处理各种操作细节,例如在用户提交表单时,要将文本框最前端和最末端的空格内容清理掉.而javascript中没有类似t ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. Python爬虫爬取百度贴吧的帖子
			
    同样是参考网上教程,编写爬取贴吧帖子的内容,同时把爬取的帖子保存到本地文档: #!/usr/bin/python#_*_coding:utf-8_*_import urllibimport urlli ...
    
			
    2. 
						
  2. Pyton 模拟Post登录
			
    import sys import urlib.parse import urllib.request import http.cookiejar import random import math  ...
    
			
    3. 
						
  3. sqlserver日志管理（转载）
			
    sql 在使用中每次查询都会生成日志,但是如果你长久不去清理,可能整个硬都堆满哦,笔者就遇到这样的情况,直接网站后台都进不去了.下面我们一起来学习一下如何清理这个日志吧     SQL2005清空删除 ...
    
			
    4. 
						
  4. JVM内存结构---《深入理解Java虚拟机》学习总结
			
    Java虚拟机在执行Java程序的过程中会把它所管理的内存划分为若干个不同的数据区域.这些区域的用途各不相同,同时也依据着各自的执行规则,独立的创建和销毁数据. 虚拟机内存的划分,如图所示: 线程之间 ...
    
			
    5. 
						
  5. 【笔记】科普createDocumentFragment() 创建文档碎片节点
			
    上一篇文章说到了动态添加文本节点的方法那如果我们要添加多个文本节点或者元素节点呢? 大家可能会想到用循环然后逐个逐个添加 但是别忘了js 还提供了创建一个文本碎片的方法 createDocumentF ...
    
			
    6. 
						
  6. Oracle新表使用序列(sequence)作为插入值，初始值不是第一个，oraclesequence
			
    Oracle新表使用序列(sequence)作为插入值,初始值不是第一个,oraclesequence 使用oracle11g插入数据时遇到这样一个问题: 1 --创建测试表-- 2 CREATE T ...
    
			
    7. 
						
  7. Andrion错误解决:cannot be resolved or is not a field
			
    cannot be resolved or is not a field   解决这个问题:   选择project菜单中的clean,选择你的项目,先clean一下, 再去看看Activity中有没 ...
    
			
    8. 
						
  8. python之haproxy配置文件操作（第三天）
			
    作业: 对haproxy配置文件进行操作 要求: 对haproxy配置文件中backend下的server实现增删改查的功能 一.这个程序有二个版本 1. python2.7版本见haproxy_py ...
    
			
    9. 
						
  9. 详解学习C#的方法和步骤
			
    如果你已经有较多的面向对象开发经验,跳过以下这两步: 第一步 掌握一门.NET面向对象语言,C#或VB.NET. 强烈反对在没系统学过一门面向对象语言的前提下去学ASP.NET. ASP.NET是一个 ...
    
			
    10. 
						
  10. nes 红白机模拟器 第3篇 游戏手柄测试 51 STM32
			
    手柄使用的是 CD4021 ,datasheet 上说支持 3V - 15V . 因为手柄是 5V 供电,2440 开发板上是GPIO 3.3V 电平,STM32 GPIO 也是 3.3V (也兼容5 ...
    
			
    11.