2019独角兽企业重金招聘Python工程师标准>>>

jQuery 属性操作 - val() 方法

val() 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

如果该方法未设置参数,则返回被选元素的当前值。

JSON.stringify(value [, replacer] [, space])

  • value:是必选字段。就是你输入的对象,比如数组,类等。
  • replacer:这个是可选的。它又分为2种方式,一种是数组,第二种是方法。

  情况一:replacer为数组时,通过后面的实验可以知道,它是和第一个参数value有关系的。一般来说,系列化后的结果是通过键值对来进行表示的。 所以,如果此时第二个参数的值在第一个存在,那么就以第二个参数的值做key,第一个参数的值为value进行表示,如果不存在,就忽略。

  情况二:replacer为方法时,那很简单,就是说把系列化后的每一个对象(记住是每一个)传进方法里面进行处理。

  • space:就是用什么来做分隔符的。

  1)如果省略的话,那么显示出来的值就没有分隔符,直接输出来 。
  2)如果是一个数字的话,那么它就定义缩进几个字符,当然如果大于10 ,则默认为10,因为最大值为10。
  3)如果是一些转义字符,比如“\t”,表示回车,那么它每行一个回车。 
  4)如果仅仅是字符串,就在每行输出值的时候把这些字符串附加上去。当然,最大长度也是10个字符。

var student = new Object();
student.name = "Lanny";
student.age = "25";
student.location = "China";
var json = JSON.stringify(student);
alert(json);
//alert(student);

如果直接alert的话

最简单的用法

var data = [{name: "王尼玛", sex:1, age: 30},{name: "王尼美", sex:0, age: 20},{name: "王大锤", sex:1, age: 30}
];
var str_json = JSON.stringify(data);
console.log(str_json);

如果我们只需要其中某几个属性的信息呢

var data = [{name: "王尼玛", sex:1, age: 30},{name: "王尼美", sex:0, age: 20},{name: "王大锤", sex:1, age: 30}
];
for (var i=0, new_data=[]; i<data.length; i++) {new_data.push({name: data[i].name,sex:  data[i].sex});
}
var str_json = JSON.stringify(new_data);
console.log(str_json);

循环遍历可以得到想要的东西

当然还有更简便的方法

var data = [{name: "王尼玛", sex:1, age: 30},{name: "王尼美", sex:0, age: 20},{name: "王大锤", sex:1, age: 30}
];
var str_json = JSON.stringify(data, ["name", "sex"]);
console.log(str_json);

第二个参数只要传入需要的keys数组,就非常轻松的就完成这种处理了。

要把 1,0 修改为男女,那么第二个参数可以用回调函数来处理。

var data = [{name: "王尼玛", sex:1, age: 30},{name: "王尼美", sex:0, age: 20},{name: "王大锤", sex:1, age: 30}
];
var str_json = JSON.stringify(data, function (k, v) {if (k === "sex") {return ["女", "男"][v];}return v;
});
console.log(str_json);

第三个参数,用于格式化字符串用的。

使用标签中的data传值

//查出不同的商品的信息function Abc(id){//alert(id)console.log(id);location.href="index_goods.html?id="+id;
//        var _this = $(id);
//        console.log('_this',_this);
//
//        var _id = _this.data('id');
//        console.log('_id',_id);
//
//        _this.data('id','123');
//        _id = _this.data('id');
//        console.log('_id',_id);
//
//        _this.data('name',_id+'button');
//        var name = _this.data('name');
//        console.log('name',name);}
"<button type='button' οnclick='Abc("+'"'+data[i]._id+'"'+")' data-id='"+ data[i]._id +"'>111</button>"

使用标签可以传递数值

转载于:https://my.oschina.net/LinDMET/blog/759561

写代码时遇到的脚本内容相关推荐

  1. 随笔 | 写代码时极有可能面临的焦虑

    随笔 | 写代码时极有可能面临的焦虑 本科学管理,被诸如<市场营销学>这类课程的作业搞得焦头烂额时,就会羡慕学计算机(或更广一点如「工科」)的同学:工程问题,有绝对的标准与尺度:不像这种经 ...

  2. 写代码时尽量少用复制粘贴(ctrl+c, ctrl+v)

    我们在写代码时经常会参考其他人编写的代码或者是从网上搜索查看需要实现的功能用那些代码,这个时候,很多人会很自然的("ctrl+c", "ctrl+v"),简单轻 ...

  3. 关于在写代码时如何使用绝对路径与相对路径及其简单介绍

    在写代码时,我们经常需要使用到其他的一些资源,但是对于一些像我这样经常用绝对路径不用相对路径的新手菜鸟来说,看网上的那些关于绝对路径相对路径的介绍资料也有点难理解,毕竟-没试过的话确实不大能理解. 所 ...

  4. VSCode内用markdown写代码时出现很多段落标记的解决方案

    在VSCode内用markdown写代码时,出现很多段落标记如下图所示. 开始以为是代码的问题,粘贴了很多次,不行. 把代码放在记事本里,粘贴过来,不行. 敲一段代码试试,也不行. 看来是文件本身出了 ...

  5. 在公司写代码时,我总想回家带娃。

    桔妹导读:离天空最近的地方,是父亲的肩膀.在这个特别的日子里,小编也搜集了一些滴滴年轻的工程师奶爸们的分享,听他们聊一聊当爸的初体验.也借此机会祝福所有做了父亲的工程师们,节日快乐! 内心充满激动和紧 ...

  6. 小白用c++画出手枪,写代码时实属不易,请点赞加关注吧!

    大家好,今天屁孩君给大家带来用c++画出手枪写代码时实属不易,请点赞加关注吧! 废话不多说,直接上代码! #include<iostream> using namespace std; i ...

  7. 当我的生活只剩下写代码时

    我对很多事物都充满好奇,很想探究其中的原理及背后的东西. 记得大一那时,想自己做一个网站,于是到图书馆看HTML的书,那时恰好有个关于网站的比赛,于是以此为借口,买了台电脑--更好的借口是为了学习C语 ...

  8. 听说,有的程序员写代码时,耳机里放的是相声

    我是风筝,公众号「古时的风筝」,一个兼具深度与广度的程序员鼓励师,一个本打算写诗却写起了代码的田园码农! 文章会收录在 JavaNewBee 中,更有 Java 后端知识图谱,从小白到大牛要走的路都在 ...

  9. keil写代码时遇到的问题——warning:implicit declaration of function XXXX is invalid in C99

    在用keil4写实验的时候,遇到了如标题所示的警告,warning:implicit declaration of function "XXXX" is invalid in C9 ...

最新文章

  1. Mac下使用Homebrew 安装MySQL
  2. 解决html页面闪烁,解决前端页面闪烁问题(转载)
  3. java线程条件变量_多线程同步条件变量(转载)
  4. Gtk+2 Hello World:从源码到打包发布
  5. Linux 用户和用户组配置说明
  6. IBatis.Net学习笔记(四)--再谈查询
  7. map反转key value
  8. ensp保存文件在哪_eNSP——配置通过FTP进行文件操作
  9. 洞察SaaS:中国SaaS的前世今生
  10. linux内核安装教程,Linux内核5.9的最重要功能及安装方法
  11. python读音翻译-Python翻译器
  12. 【React Native 安卓开发】----(Picker)【第四篇】
  13. 如何制作Win10启动U盘启动盘iso镜像文件
  14. ZC公司员工评分系统——后台查询合成DataTable
  15. iOS关闭键盘的两种简单方法
  16. org.hibernate.QueryException: Unmatched braces for alias path 解决方案
  17. 北京航空航天大学计算机系考研复试上机真题及答案---2014
  18. go语言实现网易云音乐爬虫 1
  19. [488]linux安装wkhtmltox
  20. 2021盘点:国内外10大低代码开发平台

热门文章

  1. VUE通用后台管理系统(一)登录
  2. 腾然教育MCN覃小龙公子:覃宣量2022年2岁10个月亲子照
  3. 苹果地图设置途经点_如何设置苹果地图以避免通行费和高速公路
  4. 计算机组成原理学习笔记第4章 4.12——虚拟存储器
  5. flask 框架简介
  6. 找不到工作,到底应该怎么办?最后一个你想不到
  7. Cosmic Rays
  8. 在 Excel 中编写自定义函数——模拟 SUM 函数
  9. Vue学习之环境构建--------vue-cli构建vue项目
  10. JSONArray.toCollection 时间总是转化为当前时间