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. input 正则限制输入内容
			
    js 限制input只能输入数字小数点也不能输入或者是只能输入数字,能输小数点等等,本文大致整理了一些,感兴趣的朋友可以收藏下   代码如下: 1 <input type="text& ...
    
			
    2. 
						
  2. 谈谈LoveLive SIF以及即将诞生的LL练习器
			
    由于课程需要和自身需求以及广大的LLer的需求,这个学期我将做一个造福全世界LLer的安卓app,它的名字是——还没想好(喂),总之是个LL SIF的练习器.什么?你问我LL SIF是什么?看来你不是 ...
    
			
    3. 
						
  3. linux学习第一天
			
    linux touch 文件名mkdir -P 路径文件 cat 打开文件 vihostname 主机名ln 复制 ln -s 快捷方式cp 复制-r复制整个目录-p保持源文件属性不变-f强制复制mv ...
    
			
    4. 
						
  4. 易语言调用windows消息函数
			
    1.SendMessageCallbackA的调用方法 .版本2 .DLL命令 发送消息返回_, 整数型, "user32.dll", "SendMessageCallb ...
    
			
    5. 
						
  5. WebBrowser内核指定
			
    一.背景 这几天在维护公司的一个项目,嗯…到现在七八年没人动过了(也是老古董了),都说N年前的代码碰不得 处处是坑 不能挖坑还得一步一步的填坑,恰好今天就填了一坑 此处作为记录 供以后翻阅,对代码除了 ...
    
			
    6. 
						
  6. ToolTipController 事件触发显示时 避免闪烁的处理方法
			
    private DevExpress.Utils.ToolTipController toolTipController1; private DevExpress.Utils.ToolTipContr ...
    
			
    7. 
						
  7. Hi, there!
			
    Wish you a happy day~我们一起玩WEB前端!^ ^
    
			
    8. 
						
  8. XML转换JSON的工具使用方法
			
    1.xml的文件,文件的内容如下: <?xml version="1.0" encoding="UTF-8" standalone="yes&q ...
    
			
    9. 
						
  9. EditText光标位置
			
    1.xml中设置 gravity="top"  加入edittext框的高度不止一行时,该属性可是光标定位在第一行,不设置的话光标是默认在框的中间 2.etEdit.setSele ...
    
			
    10. 
						
  10. windows平台下基于VisualStudio的Clang安装和配置
			
    LLVM 是一个开源的编译器架构,它已经被成功应用到多个应用领域.Clang是 LLVM 的一个编译器前端,它目前支持 C, C++, Objective-C 以及 Objective-C++ 等编程 ...
    
			
    11.