jquery对象访问
jquery对象访问
|
方法名 |
说明 |
语法 （callback 执行的函数，object指定元素的对象。） |
|
each() |
用于以当前jQuery对象匹配到的每个元素作为上下文来遍历执行指定的函数 |
jQueryObject.each( callback ) |
|
size() |
用于返回当前jQuery对象封装的元素个数。如果该对象是一个空的jQuery对象，没有封装任何元素，则返回0。 |
jQueryObject.size( ) |
|
length |
属性用于返回当前jQuery对象封装的元素个数。length属性与size()方法的作用相同。 |
jQueryObject.length |
|
index() |
用于获取当前jQuery对象中指定DOM元素的索引值。指定元素的索引位置(从0开始算起)。 |
jQueryObject.index( [ object ] ) |
|
context |
用于返回获取当前jQuery对象时传给jQuery(selector, context)函数的context参数。 |
jQueryObject.context |
|
selector |
用于返回获取当前jQuery对象时传给jQuery(selector, context)函数的原始选择器(即selector参数)。 |
jQueryObject.selector |
1.each()函数用于以当前jQuery对象匹配到的每个元素作为上下文来遍历执行指定的函数。each()函数将根据匹配到的每一个元素循环调用函数callback。每次调用函数callback时，each()函数都会将callback函数内部的this引用指向当前正在迭代的元素，并为其传入两个参数。第一个参数是当前迭代元素在匹配到的元素中的索引值(从0开始计数)，第二个参数是当前迭代元素(与this的引用相同)。each()函数还会根据每次调用函数callback的返回值来决定后续动作。如果返回值为false，则停止循环(相当于普通循环中的break)；如果返回其他任何值，均表示继续执行下一个循环。
将所有的<li>元素的innerHTML改为"编号n"(n为1、2、3……)：
$("ul li").each(function(index,element){
$(element).html("编号"+(index+1));
});
订购按钮的点击事件，用于处理商品订购事务，要求每次订购的商品重量不得超过100kg，否则无法订购并提示相应信息：
$("#btnBuy").click(function(){
var weight=0;
//遍历选中的商品
$("[name=goods_weight]:checked").each(function(){
weight+=weight+parseInt(this.value);
if(weight>100){
return false; //跳出遍历
}
});
if(weight<=0){
alert("没有选择任何商品");
}else if(weight>100){
alert("订购的商品总和超重100kg了");
}else{
alert("订购成功！"+weight+"kg");
}
});
2.size() 函数用于返回当前jQuery对象封装的元素个数。如果该对象是一个空的jQuery对象，没有封装任何元素，则返回0。
alert($("ul li").size() );
3.length 属性用于返回当前jQuery对象封装的元素个数。length属性与size()方法的作用相同。
alert($("ul li").length );
4.index()函数用于获取当前jQuery对象中指定DOM元素的索引值。指定元素的索引位置(从0开始算起)。
5.context属性用于返回获取当前jQuery对象时传给jQuery(selector, context)函数的context参数。
// 返回当前文档的document对象
var $li = $("ul li");
document.writeln( $li.context ); // [object HTMLDocument]
document.writeln( $li.context === document ); // true
6.selector属性用于返回获取当前jQuery对象时传给jQuery(selector, context)函数的原始选择器(即selector参数)。
alert($("ul li").selector );
html页面：
<body>
<div id="n1">
<div id="n2">
<ul id="n3">
<li id="n4">item1</li>
<li id="n5">item2</li>
<li id="n6">item3</li>
</ul>
</div>
</div>
<form id="demoForm">
<input name="goods_weight" type="checkbox" value="20">A(20kg)<br>
<input name="goods_weight" type="checkbox" value="33">B(33kg)<br>
<input name="goods_weight" type="checkbox" value="36">C(36kg)<br>
<input name="goods_weight" type="checkbox" value="49">D(49kg)<br>
<input name="goods_weight" type="checkbox" value="56">E(56kg)<br>
<input name="goods_weight" type="checkbox" value="78">F(78kg)<br>
<input id="btnBuy" type="button" value="订购">
</form>
</body>
jquery对象访问的更多相关文章
- jQuery 对象访问 index([selector|element])
搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置. 如果参数是一组DOM元素或 ...
- jQuery.each(object, [callback])数组对象操作--jQuery 对象访问 $().each(callback)
jQuery.each(object, [callback]) 通用例遍方法,可用于例遍对象和数组. 不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象.回调函数拥 ...
- jQuery的对象访问函数(get,index,size,each)
1.get() 元素集合 取得所有匹配的 DOM 元素集合. 这是取得所有匹配元素的一种向后兼容的方式(不同于jQuery对象,而实际上是元素数组). 如果你想要直接操作 DOM 对象而不是 jQue ...
- 关于DOM对象与JQuery对象的那些事
这个问题源自上一次的工作室讨论班,主题是"jQuery选择器的使用",在讨论班的结尾,我留了一个思考题: jQuery获取到的对象和直接调用原生Javascript方法获得的对象 ...
- JavaScript 对象、DOM对象、jquery对象的区别、转换详解
一.JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性: [javascrip ...
- DOM对象与JQUERY对象的相互转化
普通处理,通过标准JavaScript处理: 1 var p = document.getElementById('imooc') 2 p.innerHTML = '您好!学习jQuery才是最佳的途 ...
- jQuery对象与DOM对象
jQuery对象与DOM对象是不一样的 可能一时半会分不清楚哪些是jQuery对象,哪些是DOM对象,下面重点介绍一下jQuery对象,以及两者相互间的转换. 通过一个简单的例子,简单区分下jQuer ...
- javascript 第26节 jQuery对象
<html> <head> <title>jQuery</title> <!--导入jquery库--> <script type=& ...
- Dom对象和JQuery对象的详细介绍及其区别
一直搞不清Dom对象和JQuery对象之间的区别,今天好好总结下 1.dom对象(摘抄自百度百科http://baike.baidu.com/link?url=4L8bZ7kW6kE-it4F-1LU ...
随机推荐
- hive启动时报错 java.lang.IllegalArgumentException: java.net.URISyntaxException: Relative path in absolute URI: ${system:java.io.tmpdir%7D/$%7Bsystem:user.name%7D at org.apache.hadoop.fs.Path.initialize
错误提示信息如下 错误信息如下 [root@node1 bin]# ./hive Logging initialized -bin/lib/hive-common-.jar!/hive-log4j.p ...
- python第六篇：Python复制超大文件、复制二进制文件
Python文件复制 # 写程序实现复制文件的功能 # 要求: # 1. 源文件路径和目标文件路径需要手动输入 # 2. 要考虑文件关闭的问题 # 3. 要考虑复制超大文件的问题 # 4. 要能复制二 ...
- R 语言实现求导
前言 高等数学是每个大学生都要学习的一门数学基础课,同时也可能是考完试后最容易忘记的一门知识.我在学习高数的时候绞尽脑汁,但始终都不知道为何而学.生活和工作基本用不到,就算是在计算机行业和金融行业,能 ...
- 分享知识-快乐自己：初中级 java 面试题宝典
1):Jsp的重定向和转发的流程有什么区别 重定向是客户端行为,转发是服务器端行为 重定向时服务器产生两次请求,转发产生一次请求,重定向时可以转发到项目以外的任何网址,转发只能在当前项目里转发 重定向 ...
- ADO-添加msado15.dll及基本类对象的了解
一.dll文件的导入 参考文献:https://blog.csdn.net/qq_31209383/article/details/51199762 要使用数据库,首先在stdafx.h中导入msad ...
- H264 NALU 使用PS封装 RTP发送
最近由于项目平台需求,要将H264 NALU封装为PS再用RTP发送,PS封装按照ISO DEC-13818-1标准.一个PS包包含PS Header, PES Header, PS system h ...
- 使用 py2exe 打包 Python 程序
上回在<使用 PyInstaller 打包 Python 程序>中,我们介绍了使用 PyInstaller 对 Python 程序进行打包,今天带大家认识一个新的工具:py2exe. 接下 ...
- iOS NET Error Code
see NSURLError.h Define NSURLErrorUnknown = -, NSURLErrorCancelled = -, NSURLErrorBadURL = -, NSURLE ...
- VS2008中宽字节和普通字节的使用
由于麻烦,所以并没有使用宽字节,留待以后.
- Starting MySQL....The server quit without updating PID file错误解决办法
出现错误:Starting MySQL....The server quit without updating PID file 检查错误文件: /var/lib/mysql/xxxx.err,根据其 ...