【Web前端】jquery_json

2024-05-10 00:20

本文主要是介绍【Web前端】jquery_json,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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值

这篇关于【Web前端】jquery_json的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/974899

相关文章

Apache Shiro对web应用的支持-08

Apache Shiro for Web Applications 虽然Apache Shiro旨在用于保护任何基于JVM的应用程序,但它最常用于保护Web应用程序。它极大地简化了基于简单URL模式匹配和过滤器链定义来保护Web应用程序的方式。除了Shiro的API之外,Shiro的Web支持还包括一个丰富的JSP标记库来控制页面输出。 特征 简单的ShiroFilter web.xml定

关于HTML的多媒体标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descriptio

关于HTML的框架标签及内嵌框架

框架标签的代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Desc

关于HTML的表格标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descriptio

关于HTML的清单标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descriptio

关于HTML的图片标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descriptio

关于HTML的字体标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descripti

关于HTML的排版标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descriptio

Jquery 实现表单提交按钮变灰,防止多次点击提交重复数据

表单提交时候我们应该控制提交按钮,不能点击多次进行数据的重复提交。要不然就会有冗余的重复的数据在系统中,造成系统出现数据垃圾。jQuery很简单的就可以实现对表单提交按钮控制,下面就是相关的例子和代码。 <form action="${pageContext.servletContext.contextPath}/XXX/###" method="post" id="messag