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. 改变this指针的apply,call,bind的区别
			
    apply.call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向. Jav ...
    
			
    2. 
						
  2. windows2003 iis php 配置后无法执行php页面
			
    1.问题:可以访问静态页面,无法访问php脚本页面,显示404 解决:
    
			
    3. 
						
  3. 夺命雷公狗----Git---1---安装步骤
			
    除了上面的路径修改一下,别的都用默认的问题即可解决.....
    
			
    4. 
						
  4. HTA全解析：给VBS和JS一个强大的交互界面
			
    1.概述 HTA全称Html Application,在Windows中由mshta.exe加载执行,是一种本地程序.可使用html元素来构建界面,用JS或VBS来构建执行逻辑,从而强化Windows ...
    
			
    5. 
						
  5. python学习笔记系列----（五）输入和输出
			
    这一章主要是讲述程序展示其数据的一些方法,一般都是直接按照一定的格式输出在屏幕,或者写入到文件以便以后使用.按照一定格式的输出,在python中实际就是对str的操作,主要就是介绍了formart() ...
    
			
    6. 
						
  6. Create a SQL Server Database on a network shared drive
			
    (原文地址:http://blogs.msdn.com/b/varund/archive/2010/09/02/create-a-sql-server-database-on-a-network-sh ...
    
			
    7. 
						
  7. iOS 里面 Swift与Objective-C混编，Swift与C++混编的一些比较
			
        即使你尽量用Swift编写iOS程序,难免会遇到部分算法是用C++语言编写的.那你只能去问问”度娘“或“狗哥”怎么用Swift调用C++算法.   一,C,C++, Objective-C,S ...
    
			
    8. 
						
  8. clock()、time()、clock_gettime()和gettimeofday()函数的用法和区别【转】
			
    转自:http://www.cnblogs.com/krythur/archive/2013/02/25/2932647.html 转自http://blog.sina.com.cn/s/blog_7 ...
    
			
    9. 
						
  9. 放在NSArray、NSDictionary等容器内的对象Item，Item中的property在程序运行过程中被无故释放
			
    可能是被释放的property本身是OC对象而它的属性被误写成assign,例如: @interface MyItem : Object @property (nonatomic, assign) N ...
    
			
    10. 
						
  10. Python基础之条件和循环
			
    阅读目录 一.if语句 1.1功能 1.2语法 1.2.1:单分支,单重条件判断 1.2.2:单分支,多重条件判断 1.2.3:if + else 1.2.4:多分支if + elif +else 1 ...
    
			
    11.