【Web前端】jquery_json

news/2024/9/23 12:29:04/

1.jquery

1.1jquery简介

  • jquery是一个快速、简洁的javascript框架,于2006年1月份发布。jquery设计的宗旨是"write less,domore",倡导写更少的代码,做更多的事情。
  • 封装了javascript常用的一些功能代码,提供一种简便的js设计模式,优化html文档操作、事件处理、动画设计和ajax交瓦。
  • jquery核心特性可以总结:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器并且可以对css选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件,
  • jquery兼容各种主流浏览器

1.2 jquery下载和引入
下载地址

1.3 jquery常见选择器

  • $("div") 标签选择器
  • $("#id") id选择器
  • $(".x") class选择器
  • $("input[type='checkbox']")属性选择器

1.4 jquery改变控件的属性

  • prop()方法
  • attr()方法
  • removeAttr()移除属性

1.5 jquery改变控件css样式

  • css("属性","值")
  • css({"属性1":"值1","属性2":"值2",...})
  • addClass("class选择器")
  • removeClass("class选择器")

1.6 jquery获取或改变value值

  • val() 取值
  • val("值") 赋值

1.7 jquery获取或改变html

  • html() 获取
  • html("值") 改变

1.8 jquery完成dom操作

  • append() 在被选元素的结尾插入内容
  • prepend() 在被选元素的开头插入内容
  • empty() 在当前被选元素中删除子元素
  • remove() 删除被选元素及其子元素

2.json

2.1 简介

  • JSONlavaScript Object Notation,js对象标记),是一种轻量级的数据交换格式,易于阅读和编写,可以在多种语言之间进行数据交换
  • 以前数据交换,使用xml(可扩展的标记语言)

2.2 json包括类型

2.2.1 简单值

  • 字符串、数字值、布尔值、null,都可以在json中出现,特殊值undifined不可以出现如:"hellojson",是一个有效的json数据
  • 区别:js字符串和ison字符串区别在于ison串必须使用双引号

2.2.2 对象

  • 是一种复杂数据类型,对象表示有键值对,每个值可以是简单值,也可以是复杂类型
  • json中,要求将属性用双引号包围起来

2.3 解析与序列化

json优点:

  • 语法和js类似
  • 独立于各种语言
  • json可以直接被解析成js对象

2.3.1 JSON对象

  • stringify():将js序列化为json字符串
  • parse():将json解析为js值


http://www.ppmy.cn/news/1459292.html

相关文章

软件应用开发安全设计指南

1.1 应用系统架构安全设计要求 设计时要充分考虑到系统架构的稳固性、可维护性和可扩展性,以确保系统在面对各种安全威胁时能够稳定运行。 在设计系统架构时,要充分考虑各种安全威胁,如DDoS攻击、SQL注入、跨站脚本攻击(XSS&…

【编程向导】Docker-常用命令

常用命令 管理命令 管理命令说明builder管理构建config管理配置container管理容器context管理上下文engine管理引擎image管理镜像network管理网络node管理 Swarm 节点plugin管理插件secret管理 Docker secretsservice管理服务stack管理 Docker stacksswarm管理 Swarm 集群sys…

我的创作纪念日1460天(4年)

机缘 作为一名技术爱好者,我最初成为创作者的初心源于对知识的渴望和对分享的热情。在参与多个实战项目的过程中,我积累了丰富的经验,这些经验不仅仅是代码和解决方案,更多的是对问题本质的理解和解决问题的思维方式。我意识到&a…

爬虫-无限debug场景 解决方式

解决无限debug 场景1 1. 鼠标右键 选择 continue to here(此处不停留)2. 鼠标右键 选择 edite breakpoint 设置 10 保证条件不成立 这行永远不执行3.方法置空 1. 方法调用加断点2. 控制台 setInterval function name() {}4. 替换文件 5. hoo…

Java入门基础学习笔记13——数据类型

数据类型的分类: 基本数据类型 引用数据类型 基本数据类型:4大类8种类型: 定义整形用int,再大的数用long。 package cn.ensource.variable;public class VariableDemo2 {public static void main(String[] args) {//目标&#x…

虚幻引擎中的投影技术主要用于创建多屏交互式内容和沉浸式显示环境

首先,在虚幻引擎(UE4)中,nDisplay插件是一个强大的工具,它允许开发者创建多屏投影系统。这种系统可以是由多个相邻的物理屏幕组成,例如Powerwall显示器,或者使用多个投影仪将3D环境投射到物理表…

优立科技:从数字孪生到元宇宙

2021年10月,Facebook致力于发展元宇宙,并更名为Meta。加上此前Roblox上市的消息,让「元宇宙」一词迅速在2021年爆火,刺激了VR、游戏等相关产业的发展,甚至有人宣称2021年为「元宇宙『元年』」。然而,「元年…

Redis 实战之客户端属性

客户端属性 套接字描述符名字标志输入缓冲区命令与命令参数命令的实现函数输出缓冲区身份验证时间总结 客户端状态包含的属性可以分为两类: 一类是比较通用的属性, 这些属性很少与特定功能相关, 无论客户端执行的是什么工作, 它们…