一、对元素进行遍历操作

  如果要遍历一个jquery对象,对其中每个匹配元素进行相应处理,那么可以使用each()方法。

  $("div").each(function(index,element){

    $(this).css("border":"6px solid black");

  })

2.增加判断条件

  $("div").each(function(index){

    if(index!=2&&index<5)

    $(this).css("border","6px solid black");

  })

3.执行each()方法里面的函数时,如果返回false,则停止循环,效果等价于javascript中的break;如果返还true,则直接进入下一个循环,等价于javascript中的contiune;

  $("div").each(function(index){

    if(index==2) return true;

    if(index==5) return false;

    $(this).css("border","6px solid black");

  })

4.对元素进行数据存取

  1.将数据存储在文本里面

  

var flag=true;
$("#btn1").click(function(){
  if(flag){
    $("p").text("true");
    flag==false;
  }else{
    $("p").text("false");
    flag=true;
  }
})

  2.在元素上存储数据

   将数据存储在元素的属性里面

$("p").attr("alt","false");
$("#btn2").click(function(){
  if($("p").attr("alt")=="true"){
    $("p").text("true").attr("alt","false");
  }else{
    $("p").text("false").attr("alt","true");
  }
})

   3.将数据存储在元素data方法的参数中

  语法:data("变量名",变量值);

$("p").data("flag",false);
$("#btn2").click(function(){
  if($("p").data("flag")){
    $("p").text("true").data("flag",false);
  }else{
    $("p").text("false").data("flag",true);
  }
})

   4.克隆元素同时克隆数据

  方法:clone():不带参数,值复制元素,不会复制元素上绑定的事件和数据。

     clone(true)方法:复制元素的同时,复制元素上绑定的事件和数据。

    

$("p:first").clone().insertAfter($("p:eq(0)"));
$("p:first").clone(true).insertAfter($("p:eq(1)"));
alert($("p:eq(1)").data("test1"));//undefined
alert($("p:eq(2)").data("test1"));//true

   5.清除附加在元素上的变量:removeData()

  

$("p").data("test1",true).data("test2",{first:1,last:"two"});
创建变量test1,且复制为true;创建变量test2且赋值为{first:1,last:"two"};
$("p").removeData("test1");
alert($("p").data("test1"));输出为undefined
alert($("p").data("test2").first);//1
alert($("p").data("test2").last);//two
如果要清楚元素上的全部变量使用removeData()不带参数,等价的方法有remove()和empty()方法。

二、元素的个数和索引

1.size()方法:计算jq对象中的元素的个数

  --length()

2.index()方法:返回某个元素相对于其他兄弟元素的索引位置

 index()不带参数,他会计算第一个匹配选择器的元素的相对于其他兄弟的索引位置

  $("#core").index();

javascript-jquery对象的其他处理的更多相关文章

  1. JavaScript 对象、DOM对象、jquery对象的区别、转换详解

    一.JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性: [javascrip ...

  2. javascript --- jQuery --- Deferred对象

    javascript --- jQuery --- Deferred对象 javascript的函数式编程是多么引人入胜,jQuery使代码尽可能的精简,intelligent! defer - 必应 ...

  3. jquery对象和javascript对象相互转换

    本文转载:http://jeiofw.blog.51cto.com/3319919/786506 jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象.jQuery 对象是 jQuer ...

  4. JavaScript DOM对象和JQuery对象相互转换

    1.分析源代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www ...

  5. javascript 第26节 jQuery对象

    <html> <head> <title>jQuery</title> <!--导入jquery库--> <script type=& ...

  6. javascript DOM对象转jquery对象

    首先,假设一种情形:要在HTML文件中为一个select对象添加一个函数,这个函数的名字叫dynamic_change(this),当select的option被改变的时候调用onchange事件来处 ...

  7. JQuery $ $.extend(),$.fn和$.fn.extend javaScript对象、DOM对象和jQuery对象及转换 工具方法(utility)

    一.为什么jquery前面要写$ Javascript没有package的概念,而作者又希望所有jQuery相关的API都能通过一个全局性的对象来容纳. 名为jQuery的全局变量就是这样一个对象,不 ...

  8. 使用Javascript/jQuery将javascript对象转换为json格式数据 - 海涛的CSDN博客 - 博客频道 - CSDN.NET

    body{ font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI& ...

  9. 【JQuery】jquery对象和javascript对象即DOM对象相互转换

    jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象.jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法:例如: $(&quo ...

  10. jquery对象和javascript对象的console.log结果

    array.push($("div").children("label")); console.log(array); 输出: 这个是jquery对象,如果在选 ...

随机推荐

  1. 前端使用a标签启动本地.exe程序

    目录 1,需求 2,效果图 3,实现原理 4,代码 5,注意事项 1,需求 最近有一个需求,在web页面上有一个按钮,点击按钮,调起本地的.exe程序客户端,我在网上找了很多,感觉都不完整,所以自己总 ...

  2. WHY IS A BYTE 8 BITS? OR IS IT?

    WHY IS A BYTE 8 BITS? OR IS IT? 原文链接:http://www.bobbemer.com/BYTE.HTM I recently received an e-mail ...

  3. ipsec.conf配置文件多个保护子网解析流程

    Author       : Email         : vip_13031075266@163.com Date          : 2021.01.23 Copyright : 未经同意不得 ...

  4. 第三课:GDB 常用的调试命令概览

    先给出一个常用命令的列表,后面会结合具体的例子详细介绍每个命令的用法. 命令名称 命令缩写 命令说明 run r 运行一个程序 continue c 让暂停的程序继续运行 next n 运行到下一行 ...

  5. SQLSERVER存储过程基础

    SQLSERVER存储过程基础 1.声明变量 DECLARE     @F001  SMALLINT,  (三元素,声明declare+变量名+类型) @F002  INTEGER, @F003  V ...

  6. list使用详解

    List双向链表 再谈链表 List链表的概念再度出现了,作为线性表的一员,C++的STL提供了快速进行构建的方法,为此,在前文的基础上通过STL进行直接使用,这对于程序设计中快速构建原型是相当有必要 ...

  7. python math详解(1)

    python math详解(1) 一.导入 python要调用math要进行导入 import math 二.返回值 math包里有一些值 比如 math.pi 返回pi的值 约为3.14 math. ...

  8. 关于Container容器以及IoC注入机制的认识

    container 容器的概念: 1 container 是一个Java 所编写的程序,用于对象之间之间管理对象关系. 主要的java EE 容器如下: Java容器类包含List.ArrayList ...

  9. Linux系列(1) - 使用Hyper-V安装Linux系统

    前言 使用工具:Hyper-V,补充:hyper-v是一项技术,而vmware是一款软件.具体区别自行百度 LINUX版本:CentOS-8.4.2105-x86_64-dvd1.iso Window ...

  10. javascript Date 日期格式化 formatDate, require.js 模块 支持全局js引入 / amd方式加载

    * 引入AMD加载方式: require.js CDN https://cdn.bootcss.com/require.js/2.3.5/require.js *  创建模块文件./js/util/d ...