文档章节

jQuery创建json对象

o
 osc_wws45aot
发布于 2019/08/20 10:40
字数 196
阅读 10
收藏 0

精选30+云产品,助力企业轻松上云!>>>

jQuery创建json对象方法一:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>创建json对象方法一</title>
    </head>
    <body>
        <ul>
            <li>姓名:<span class="name"></span></li>
            <li>年龄:<span class="age"></span></li>
            <li>性别:<span class="sex"></span></li>
            <li>地址:<span class="address"></span></li>
        </ul>
    </body>
    <script src="js/jquery-2.1.0.js"></script>
    <script type="text/javascript">
        // 加载文档
        $(function(){
            // 创建json对象
            // 实例化一个对象
            var str=new Object();
            // 给对象添加元素方法一:
            str.name="小明";
            str.address="火星";
            // 给对象添加元素方法二:
            str["age"]=18;
            str["sex"]="男";
            
            // 传值给html,访问对象元素
            var main=
            '<li>姓名:<span class="name">'+str.name+'</span></li>'+
            '<li>年龄:<span class="age">'+str.age+'</span></li>'+
            '<li>性别:<span class="sex">'+str["sex"]+'</span></li>'+
            '<li>地址:<span class="address">'+str["address"]+'</span></li>';
            // 改变列表中的值
            $("ul").html(main);
        });
    </script>
</html>

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
Jquery就是这么简单

什么是Jquery? Jquey就是一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作 就是封装了JavaScript,能够简化我们写代码的一个JavaScript库 为什么要使用Jquery? 我觉得非常重要的...

阿斯顿方法
2018/03/02
0
0
Jquery就是这么简单

什么是Jquery? Jquey就是一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作 就是封装了JavaScript,能够简化我们写代码的一个JavaScript库 为什么要使用Jquery? 我觉得非常重要的...

osc_6zu0q9s3
2018/03/02
2
0
前端之jquery函数库

jquery介绍   jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 jQuery的版本分为...

osc_d6r1n9ox
2018/06/08
2
0
从零开始学习jQuery (六) AJAX快餐

本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属...

ziqiu.zhang
2009/05/08
0
0
jQuery库总结

一、什么是 jQuery ? jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数...

凛冬来袭
2018/07/24
12
0

没有更多内容

加载失败,请刷新页面

加载更多

Hacker News 简讯 2020-07-10

更新时间: 2020-07-10 01:15 US Supreme Court deems half of Oklahoma a Native American Reservation - (reuters.com) 美国最高法院认为俄克拉荷马州的一半是印第安人保留地 得分:131 | 评...

FalconChen
今天
26
0
OSChina 周五乱弹 —— 求求你吃了我吧,不要再玩弄食物的感情了

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @巴拉迪维 :张喆的单曲《陷阱 》 这首歌已经在网易找不到原唱了,不知道被哪家买了版权。#今日歌曲推荐# 《陷阱 》- 张喆 手机党少年们想听歌...

小小编辑
今天
26
1
清华陈文光教授:AI 超算基准测试的最新探索和实践。

道翰天琼认知智能平台为您揭秘新一代人工智能。 无规矩不成方圆。放在超级计算机的研发领域,没有一个大家普遍接受的算力评测指标,便难以推动超算迅猛发展。 而现在伴随着人工智能的发展,大...

jackli2020
今天
7
0
@RequestMapping, consumes 提交简单有意思的测试

getParm @GetMapping("getParm")public Result getParm(String id){ System.out.println(); return ResultFactory.success(id);} 等同于 == bodyParm @PostMapping("bodyParm......

莫库什勒
今天
25
0
63. Unique Paths II

题目: 63. Unique Paths II A robot is located at the top-left corner of a m x n grid (marked 'Start' in the diagram below). The robot can only move either down or right at any p......

JiaMing
今天
55
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部