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. NLog路由规则和上下文信息
			
    NLog配置路由规则和上下文信息 rules: 规则节点 logger:一个路由规则 <rules> <!--<logger name="*" writeT ...
    
			
    2. 
						
  2. Select Tree Node
			
    这里用到了Oracle的一个树形结构查询函数select *  from record START WITH A.TREE_NODE IN ('COST_CTR_10053')CONNECT BY P ...
    
			
    3. 
						
  3. Java总结——文件&流
			
    最近学习了Java的输入输出,脑子里有两点乱,不过比之前的思路好像清晰了很多.脑子刚刚接收这些信息的时候,整个就是懵逼的,又是文件又是流的,文件到底干嘛的,流到底干嘛的?恩,后来,想了想,其实也不难理 ...
    
			
    4. 
						
  4. 1.NoSql简介
			
    NoSQL,指的是非关系型的数据库.随着互联网web2.0网站的兴起,传统的关系数据库在应付web2.0网站,特别是超大规模和高并发的SNS类型的web2.0纯动态网站已经显得力不从心,暴露了很多难以 ...
    
			
    5. 
						
  5. maven官方库中没有oracle jdbc驱动的问题解决
			
    1.找到可用的oracle jdbs驱动jar包文件,放置到指定目录(可根据实际自定义) D:\jdbc\ojdbc14.jar 2.安装好maven,主要是配置好环境变量 MAVEN_HOME='指 ...
    
			
    6. 
						
  6. wex5 实战 图片触摸放大移动插件easyzoom的使用与集成
			
    一 前言 客户的需求就是上帝的召唤. 作为一个开发人员,或者软件从业者,客户的要求就是准则. 遇到一个客户,让我做一个图片放大,但是移动拖拽要定位精准.之前研究过一个hammer插件,多次尝试放大后的 ...
    
			
    7. 
						
  7. iOS开发随笔
			
    突然看到一个搞11年IT的前辈 他的简历给人焕然一新的感觉 IOS:深入理解object-c语言 内存管理(ARC,MRC, 写回传),GCD,RunLoop,RunTime,,Block,Deleg ...
    
			
    8. 
						
  8. windows+caffe(七)——ComputeImageMean.bat
			
    1.首先我们使用lmdb数据格式(怎样得到lmdb数据格式,看我的另一篇)求得均值: 新建ComputeImageMean.bat,里面输入: D:/deeptools/caffe-windows-m ...
    
			
    9. 
						
  9. MFC动态创建菜单
			
    http://blog.csdn.net/csdnzhwk/article/details/47395639
    
			
    10. 
						
  10. 【前端】Web前端学习笔记【2】
			
    [2016.02.22至今]的学习笔记. 相关博客: Web前端学习笔记[1] 1. this在 JavaScript 中主要有以下五种使用场景 在全局函数调用中,this 绑定全局对象,浏览器环境全 ...
    
			
    11.