- 浏览: 51814 次
- 性别:
- 来自: 大连
最近访客 更多访客>>
最新评论
-
lovefly_zero:
很感谢你的文章 不过调整一下排版吧 冗余code太多了。
jQuery验证框架(六)内置验证方法 (jQuery validation) -
tomorrow009:
受交了~
RoR的部署方案选择
jQuery对象访问器
[1] each( callback ) Returns: jQuery
callback : Function 每个匹配的元素要执行的回调函数。
说明: 让每个匹配的元素执行该回调函数。this指向匹配的DOM元素,而不是jQuery对象。另外,回调参数有一个以0开始的整型参数,可以标志运行函数的DOM元素在匹配元素集合中的下标。(用return false结束循环,用return true跳出本次循环,作用如break,continue)。本方法与$.each()不一样,$.each()可以遍历诸如数组及一般的对象。
- $("span").click(function () {
- $("li").each(function(i){
- $(this).toggleClass("example");
- });
- });
$("span").click(function () { $("li").each(function(i){ $(this).toggleClass("example"); }); });
[2] size( ) Returns: Number
说明: 返回jQuery对象中元素的个数。该方法和jQuery对象的length属性返回相同的结果。然而,该方法的执行效率没有length属性高,所以建议用length属性。
- $(document.body).click(function () { $(document.body).append($("<div>"));
- var n = $("div").size();
- $("span").text("There are " + n + " divs." + "Click to add more.");}).click();
- // trigger the click to start
$(document.body).click(function () { $(document.body).append($("<div>")); var n = $("div").size(); $("span").text("There are " + n + " divs." + "Click to add more.");}).click(); // trigger the click to start
[3] length Returns: Number
说明: 返回jQuery对象中元素的个数。
- $(document.body).click(function () {
- $(document.body).append($("<div>"));
- var n = $("div").length;
- $("span").text("There are " + n + " divs." +
- "Click to add more.");
- }).trigger('click'); // trigger the click to start
$(document.body).click(function () { $(document.body).append($("<div>")); var n = $("div").length; $("span").text("There are " + n + " divs." + "Click to add more."); }).trigger('click'); // trigger the click to start
[4] selector Returns: String
说明: jQuery 1.3中新增的属性。以字符串形式返回jQuery()中的选择器。
- $("ul")
- .append("<li>" + $("ul").selector + "</li>")
- .append("<li>" + $("ul li").selector + "</li>")
- .append("<li>" + $("div#foo ul:not([class])").selector + "</li>");
$("ul") .append("<li>" + $("ul").selector + "</li>") .append("<li>" + $("ul li").selector + "</li>") .append("<li>" + $("div#foo ul:not([class])").selector + "</li>");
* ul
* ul li
* div#foo ul:not([class])
[5] context Returns: Element
说明: jQuery 1.3中新增的属性。返回jQuery()中传入参数的DOM节点上下文(如果没有传入,则下下文为document)。应与seletor属性一起使用以确定一个精确的查找对象。context与seletor两个属性对于插件开发人员来说非常有用。
- $("ul")
- .append("<li>" + $("ul").context + "</li>")
- .append("<li>" + $("ul", document.body).context.nodeName + "</li>");
$("ul") .append("<li>" + $("ul").context + "</li>") .append("<li>" + $("ul", document.body).context.nodeName + "</li>");
* [object HTMLDocument]
* BODY
[6] eq( position ) Returns: jQuery
position : Number 将被选择的元素的下标。
说明: 将匹配的元素集合减少到一个。position[ 0,length-1 ]。如果传入一个超出范围的下标,则返回一个空的jQuery对象
$("p").eq(1).css("color", "red")
[7] get( ) Returns: Array<Element>
说明: 使用所有匹配的DOM元素。不同于jQuery,它返回的是一个元素数组。用来代替jQuery内置函数来操作匹配的元素本身,这个方法非常好用。
- function disp(divs) {
- var a = [];
- for (var i = 0; i < divs.length; i++) {
- a.push(divs[i].innerHTML);
- }
- $("span").text(a.join(" "));
- }
- disp( $("div").get().reverse() );
function disp(divs) { var a = []; for (var i = 0; i < divs.length; i++) { a.push(divs[i].innerHTML); } $("span").text(a.join(" ")); } disp( $("div").get().reverse() );
[8] get( index ) Returns: Element
position : Number 将被作用的元素的下标。
说明: 在匹配的元素集合中指定一个元素。
- $("*", document.body).click(function (e) {
- e.stopPropagation();
- var domEl = $(this).get(0);
- $("span:first").text("Clicked on - " + domEl.tagName);
- });
$("*", document.body).click(function (e) { e.stopPropagation(); var domEl = $(this).get(0); $("span:first").text("Clicked on - " + domEl.tagName); });
[9] index( subject ) Returns: Number
subject : Element,jQuery 要被查询的对象。
说明: 返回匹配的元素在页面中的下标,以0开始的整数。如未找到匹配元素,返回-1。若传入的是一个jQuery对象,则返回jQuery对象中第一个元素的下标。
- $("div").click(function () {
- // this is the dom element clicked
- var index = $("div").index(this);
- $("span").text("That was div index #" + index);
- });
$("div").click(function () { // this is the dom element clicked var index = $("div").index(this); $("span").text("That was div index #" + index); });
注:原文内容请参见http://docs.jquery.com/Main_Page
发表评论
-
jQuery验证框架(八)应用实例 (jQuery validation)
2010-05-17 16:28 1332jQuery验证框架 八、应用实例 [1] 验证页面 ... -
jQuery验证框架(七)注意事项 (jQuery validation)
2010-05-17 16:27 1247jQuery验证框架 七、注意事项 [1]复杂的name属性值 ... -
jQuery验证框架(六)内置验证方法 (jQuery validation)
2010-05-17 16:26 1086jQuery验证框架 六、框架内建的验证方法( List of ... -
jQuery验证框架(五)验证器 (jQuery validation)
2010-05-17 16:25 1431jQuery验证框架 五、验证器( Validator ) ... -
jQuery验证框架(三、四)选择器及实用工具 (jQuery validation)
2010-05-17 16:24 748jQuery验证框架 三、定制的选择器(Custom Sele ... -
jQuery验证框架(二)插件方法 (jQuery validation)
2010-05-17 16:24 1174jQuery验证框架 二、插件方法( Plugin metho ... -
jQuery验证框架(一) 可选项 (jQuery validation)
2010-05-17 16:23 1464jQuery验证框架 Html代码 & ... -
Jquery属性(一) -- Attr
2010-05-17 16:22 995属性 [1] attr( name ) Retur ... -
Jquery选择器(九) -- Form Filters
2010-05-17 16:22 859表单过滤器 [1] :enabled Return ... -
Jquery选择器(八) -- Forms
2010-05-17 16:21 726表单选择器 [1] :input Returns: ... -
Jquery选择器(七) -- Child Filters
2010-05-17 16:20 940子节点过滤器 [1] :nth-child(index/ev ... -
Jquery选择器(六) -- Attribute Filters
2010-05-17 16:20 944属性过滤器 注意:在jQuery1.3中,[@attr] 形式 ... -
Jquery选择器(五) -- Visibility Filters
2010-05-17 16:19 897可见性过滤器 [1] :hidden Return ... -
Jquery选择器(四) -- Content Filters
2010-05-17 16:19 715内容过滤器 [1] :contains(text) ... -
Jquery选择器(三) -- Basic Filters
2010-05-17 16:18 897基本过滤选择器 [1] :fi ... -
Jquery选择器(二)--Hierarchy
2010-05-17 16:17 816层级选择器 [1] ancestor descendant ... -
Jquery选择器(一) -- Basics
2010-05-17 16:17 677基本选择器 [1] #id Returns: Ar ... -
Jquery核心(三) Data
2010-05-17 16:16 772jQuery数据 [1] data( name ) ... -
Jquery核心(一) $(...) The jQuery Function
2010-05-17 16:14 924jQuery核心 [1] jQuery( expression ...
相关推荐
$.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...
2、jQuery Object Accessors jQuery.index(element),返回该jQuery对象在集合中的索引 jQuery.each(function),遍历jQuery对象集合,在每个对象上执行function函数,function callback(index, domElement){this}; ...
赠送jar包:accessors-smart-2.4.7.jar; 赠送原API文档:accessors-smart-2.4.7-javadoc.jar; 赠送源代码:accessors-smart-2.4.7-sources.jar; 赠送Maven依赖信息文件:accessors-smart-2.4.7.pom; 包含翻译后...
accessors-smart-1.2.jar
accessors-smart-1.1.jar,
赠送jar包:accessors-smart-1.2.jar; 赠送原API文档:accessors-smart-1.2-javadoc.jar; 赠送源代码:accessors-smart-1.2-sources.jar; 赠送Maven依赖信息文件:accessors-smart-1.2.pom; 包含翻译后的API文档...
赠送jar包:accessors-smart-2.4.7.jar; 赠送原API文档:accessors-smart-2.4.7-javadoc.jar; 赠送源代码:accessors-smart-2.4.7-sources.jar; 赠送Maven依赖信息文件:accessors-smart-2.4.7.pom; 包含翻译后...
赠送jar包:accessors-smart-1.2.jar; 赠送原API文档:accessors-smart-1.2-javadoc.jar; 赠送源代码:accessors-smart-1.2-sources.jar; 赠送Maven依赖信息文件:accessors-smart-1.2.pom; 包含翻译后的API文档...
Laravel 5.2 初学者指南 Laraboot: Laravel 5 For Beginners Bill Keck ...This version was published on 2016-04-04 This is a Leanpub book. Leanpub empowers authors and publishers with the Lean Publishing ...
1.2.支持lombok的@Accessors(chain = true) 2.1.首先这是3.1.0 目前的最新版 不支持java8 所以我拓展了一部分 如果有需要请留言继续拓展 之后发email发您 2.2然后支持lombok的@Accessors(chain = true) 如果未...
4.1.4. 为持久化字段声明访问器(accessors)和是否可变的标志(mutators) (可选) .............................................................. 53 4.2. 实现继承(Inheritance) ............................
2. Object-Based Programming 3. Objective-C Objects and Messages 4. Objective-C Classes 5. Objective-C Instances 6. Anatomy of an Xcode Project 7. Nib Management 8. Documentation 9. Life Cycle of a ...
截至 2011-08-29 官方公布的最新 hibernate 文档,此为英文版,配套中文版下载地址:http://download.csdn.net/source/3557584。 详细信息: 版本:3.6.3.Final,作者:Gavin King, Christian Bauer, Max Rydahl ...
学习uvm必看的书。 1. Overview.............................................................................................................................................. 1 1.1 Introduction to UVM......
1 Introduction 1 1.1 Project Steering Committee . . . . . . . . ....1.2 Contributors Past and Present ....1.3 More Information ....2.1 Short Version ....2.2 Requirements ....2.3 Getting the Source ....
Fetching a Row as an Object 10.3. Zend_Db_Profiler 10.3.1. Introduction 10.3.2. Using the Profiler 10.3.3. Advanced Profiler Usage 10.3.3.1. Filter by query elapsed time 10.3.3.2. Filter by ...
注:下文中的 *** 代表文件名中的组件名称。 # 包含: 中文-英文对照文档:【***-javadoc-API文档-中文(简体)-英语-对照版.zip】 jar包下载地址:【***.jar下载地址(官方地址+国内镜像地址).txt】 ...
注:下文中的 *** 代表文件名中的组件名称。 # 包含: 中文-英文对照文档:【***-javadoc-API文档-中文(简体)-英语-对照版.zip】 jar包下载地址:【***.jar下载地址(官方地址+国内镜像地址).txt】 ...
注:下文中的 *** 代表文件名中的组件名称。 # 包含: 中文-英文对照文档:【***-javadoc-API文档-中文(简体)-英语-对照版.zip】 jar包下载地址:【***.jar下载地址(官方地址+国内镜像地址).txt】 ...
js-object-with-accessors 一些用于 JS 的 OOP 脚本。 一个给出了一个带有访问器的基本结构,并在此基础上构建了一个 JQuery 元素的对象包装器。