javascript-jquery对象的其他处理
一、对元素进行遍历操作
如果要遍历一个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对象的其他处理的更多相关文章
- JavaScript 对象、DOM对象、jquery对象的区别、转换详解
一.JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性: [javascrip ...
- javascript --- jQuery --- Deferred对象
javascript --- jQuery --- Deferred对象 javascript的函数式编程是多么引人入胜,jQuery使代码尽可能的精简,intelligent! defer - 必应 ...
- jquery对象和javascript对象相互转换
本文转载:http://jeiofw.blog.51cto.com/3319919/786506 jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象.jQuery 对象是 jQuer ...
- JavaScript DOM对象和JQuery对象相互转换
1.分析源代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www ...
- javascript 第26节 jQuery对象
<html> <head> <title>jQuery</title> <!--导入jquery库--> <script type=& ...
- javascript DOM对象转jquery对象
首先,假设一种情形:要在HTML文件中为一个select对象添加一个函数,这个函数的名字叫dynamic_change(this),当select的option被改变的时候调用onchange事件来处 ...
- JQuery $ $.extend(),$.fn和$.fn.extend javaScript对象、DOM对象和jQuery对象及转换 工具方法(utility)
一.为什么jquery前面要写$ Javascript没有package的概念,而作者又希望所有jQuery相关的API都能通过一个全局性的对象来容纳. 名为jQuery的全局变量就是这样一个对象,不 ...
- 使用Javascript/jQuery将javascript对象转换为json格式数据 - 海涛的CSDN博客 - 博客频道 - CSDN.NET
body{ font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI& ...
- 【JQuery】jquery对象和javascript对象即DOM对象相互转换
jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象.jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法:例如: $(&quo ...
- jquery对象和javascript对象的console.log结果
array.push($("div").children("label")); console.log(array); 输出: 这个是jquery对象,如果在选 ...
随机推荐
- 前端使用a标签启动本地.exe程序
目录 1,需求 2,效果图 3,实现原理 4,代码 5,注意事项 1,需求 最近有一个需求,在web页面上有一个按钮,点击按钮,调起本地的.exe程序客户端,我在网上找了很多,感觉都不完整,所以自己总 ...
- 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 ...
- ipsec.conf配置文件多个保护子网解析流程
Author : Email : vip_13031075266@163.com Date : 2021.01.23 Copyright : 未经同意不得 ...
- 第三课:GDB 常用的调试命令概览
先给出一个常用命令的列表,后面会结合具体的例子详细介绍每个命令的用法. 命令名称 命令缩写 命令说明 run r 运行一个程序 continue c 让暂停的程序继续运行 next n 运行到下一行 ...
- SQLSERVER存储过程基础
SQLSERVER存储过程基础 1.声明变量 DECLARE @F001 SMALLINT, (三元素,声明declare+变量名+类型) @F002 INTEGER, @F003 V ...
- list使用详解
List双向链表 再谈链表 List链表的概念再度出现了,作为线性表的一员,C++的STL提供了快速进行构建的方法,为此,在前文的基础上通过STL进行直接使用,这对于程序设计中快速构建原型是相当有必要 ...
- python math详解(1)
python math详解(1) 一.导入 python要调用math要进行导入 import math 二.返回值 math包里有一些值 比如 math.pi 返回pi的值 约为3.14 math. ...
- 关于Container容器以及IoC注入机制的认识
container 容器的概念: 1 container 是一个Java 所编写的程序,用于对象之间之间管理对象关系. 主要的java EE 容器如下: Java容器类包含List.ArrayList ...
- Linux系列(1) - 使用Hyper-V安装Linux系统
前言 使用工具:Hyper-V,补充:hyper-v是一项技术,而vmware是一款软件.具体区别自行百度 LINUX版本:CentOS-8.4.2105-x86_64-dvd1.iso Window ...
- 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 ...