jQuery
JQuery学习中的一些小零碎。
帅帅邬同学
星辰和大海都需要门票,诗和远方的路费也都很贵,就好像我稍不努力连情怀都养不起!
展开
-
Ajax--jQuery--模仿jQuery封装ajax方法 !!!
模仿jQuery封装ajax方法/** * 模拟实现 jQuery 中的 ajax方法 * @param {object} obj */function ajax(obj) { // 默认参数 var defaults = { type: 'get', data: {}, url: '#', dataType: 'text', async: true, success: function (data) { console.log原创 2020-05-10 11:36:29 · 134 阅读 · 0 评论 -
jQuery---Ajax相关API基本使用 !!!
先来看一个例子需求:页面输入图书编号,查询服务器端的图书信息并且解析渲染前端代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #container { width: 360px; min-hei原创 2020-05-10 11:05:23 · 201 阅读 · 0 评论 -
原生Ajax详解---Ajax初步封装及使用 !!!
封装ajax/** * ajax 初步封装 * @param {string} url * @param {string} type * @param {string} param * @param {string} dataType * @param {function} callback */function ajax(url, type, param, dataType, callback) { var xhr = null; if (window.XMLHttpR原创 2020-05-10 10:47:58 · 161 阅读 · 0 评论 -
JSON.parse() 和 JSON.stringify() 的作用及区别 !!!
JSON.parse()作用:JSON.parse() 方法用来解析JSON字符串,构造由字符串描述的JavaScript值或对象。语法JSON.parse(text[, reviver])参数说明:text 要被解析成 JavaScript 值的字符串reviver 可选 转换器, 如果传入该参数(函数),可以用来修改解析生成的原始值,调用时机在 parse 函数返回之前。返回值Object 类型, 对应给定 JSON 文本的对象/值。DemoJSON.parse('{}'原创 2020-05-09 20:50:04 · 5655 阅读 · 0 评论 -
JSON 其实没有那么难 !!!
什么是 JSON ?1. JSON: JavaScript Object Notation(JavaScript 对象表示法)2. JSON 是存储和交换文本信息的语法。类似 XML。3. JSON 比 XML 更小、更快,更易解析。示例:{ "name": "zhansan", "age": 12, "lover": [ "coding", "swimming", "singing" ], "friend": { "high": "180原创 2020-05-09 18:51:15 · 275 阅读 · 0 评论 -
快速认识XML数据格式并对其进行解析 !!!
什么是 XML?XML 指可扩展标记语言(EXtensible Markup Language)特点 :1. 没有任何行为的 XML --- XML 被设计用来结构化、存储以及传输信息。2. XML 仅仅是纯文本3. XML 没有预定义的标签 --- 通过 XML 您可以发明自己的标签4. XML 是对 HTML 的补充 --- XML 用于传输数据,而 HTML 用于格式化并显示数据对XML数据进行解析前端代码:<!DOCTYPE html><html lang原创 2020-05-09 17:15:56 · 296 阅读 · 0 评论 -
原生Ajax详解--发送请求步骤详细剖析 !!!
发送Ajax请求步骤:1、创建XMLHttpRequest对象2、准备发送3、执行发送动作4、指定回调函数第一步:创建XMLHttpRequest对象// 1、创建XMLHttpRequest对象var xhr = null; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); //标准 } else { xhr = new ActiveXObject("Microsoft.XMLHTTP"); //IE6原创 2020-05-09 16:35:49 · 301 阅读 · 0 评论 -
Ajax真的那么神奇吗 ???
Ajax是什么 ?术语ajax最早产生于2005年,Ajax表示Asynchronous JavaScript and XML(异步JavaScript和XML),但是它不是像HTML、JavaScript或CSS这样的一种“正式的”技术,它是表示一些技术的混合交互的一个术语(JavaScript、Web浏览器和Web服务器),它使我们可以获取和显示新的内容而不必载入一个新的Web页面。增强用户体验,更有桌面程序的感觉。Ajax可以做什么?1. 显示新的HTML内容而不用载入整个页面2. 提交一原创 2020-05-09 16:02:52 · 341 阅读 · 0 评论 -
什么是客户端和服务器 ???
认识客户端与服务器开发好的网页放在那里 ?通过浏览器查看一个网页,使用调试工具查看页面信息客户端与服务器对比客户端浏览器、app、应用软件服务器提供网络服务的计算机(网页/下载/邮件…如果这篇文章能够帮助到你,希望您不要吝惜点赞 ,您的支持是我继续努力的动力 !!!...原创 2020-05-06 10:32:20 · 1286 阅读 · 0 评论 -
jQuery--写更少的代码,做更多的事情!!!(三)
插件常用插件插件:jquery不可能包含所有的功能,我们可以通过插件扩展jquery的功能。jQuery有着丰富的插件,使用这些插件能给jQuery提供一些额外的功能。jquery.color.jsanimate不支持颜色的渐变,但是使用了jquery.color.js后,就可以支持颜色的渐变了。使用插件的步骤1. 引入jQuery文件2. 引入插件(如果有用到css的话,...原创 2020-05-05 14:39:50 · 356 阅读 · 2 评论 -
jQuery--写更少的代码,做更多的事情!!!(二)
jQuery特殊属性操作val方法val方法用于设置和获取表单元素的值,例如input、textarea的值//设置值$("#name").val(“张三”);//获取值$("#name").val();【案例:京东搜索.html】<!DOCTYPE html><html lang="zh-CN"><head> <meta c...原创 2020-05-05 14:32:48 · 214 阅读 · 0 评论 -
jQuery--写更少的代码,做更多的事情!!!(一)
jQuery基本概念目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果。为什么要学习jQuery?【01-让div显示与设置内容.html】(原生JS的方式)<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8">...原创 2020-05-05 14:19:53 · 436 阅读 · 0 评论