随笔 - 1162
文章 - 0
评论 - 16
阅读 -
59万
随笔分类 - Javascript
JavaScript 之 AJAX 请求
摘要:一、Ajax 简介 1、概述 AJAX 即 “Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。 Ajax 是一种浏览器通过 JavaScript 异步发起请求,在与服务器交换数据并更新部分网页的,即
阅读全文
JavaScript 之 JSON 对象
摘要:一、JSON 是什么 JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。 同时也易于机器解析和生成。 JSON 采用完全独立于语言的文本格式, 而且很多语言都提供了对 json 的支持(包括 C, C++, C#, Java, Jav
阅读全文
jQuery — 事件对象
摘要:一、事件对象 1、事件对象 事件对象,是封装有触发的事件信息的一个 JavaScript 对象。 2、获取事件对象 在给元素绑定事件的时候,在事件的 function(event) 参数列表中添加一个参数,这个参数,习惯取名为 event。 这个 event 对象就是 JavaScript 传递事件
阅读全文
jQuery — Ajax
摘要:一、Ajax 请求 1、$.ajax 方法 常用参数: url: 表示请求的地址 type: 表示请求的类型 GET 或 POST 请求 async: 表示请求是同步还是异步的,默认为 true,异步;设置为 false 表示 同步 data: 表示发送给服务器的数据,格式有两种:① name1=v
阅读全文
jQuery — 动画/效果
摘要:一、基本效果 1、show([s,[e],[fn]]) 用法: 格式:$("p").show() 显示所有的段落 说明:显示隐藏的匹配元素,如果元素可见,不会改变任何东西,无论是通过hide()方法设置还是CSS中设置 display:none 该方法都有效。 2、hide([s,[e],[fn]]
阅读全文
jQuery — 事件
摘要:一、页面载入 ready(fn) 用法: 说明:当DOM载入就绪就可以查询及操纵时绑定一个要执行的函数,最为重要的函数,极大提高了web应用程序响应速度。 Demo: 1 //在DOM加载完成时运行的代码,可以这样写: 2 $(document).ready(function(){ 3 // 在这里
阅读全文
jQuery — CSS 操作
摘要:一、CSS 样式 1、CSS(name | prp |[,val|fn]) 语法: 说明:访问或设置匹配元素的样式属性 参数:name:要访问的属性名称 properties:要设置为样式属性的名/值对 name,value:属性名,属性值 name,function(index,value) :1
阅读全文
jQuery — 属性操作
摘要:一、属性操作 1、attr(name |pro | key,val | fn) 用法: 格式:("img").attr({src : "test.jpg", alt : "Test Img"}) 为所有的图像设置 sr
阅读全文
jQuery — 元素筛选
摘要:一、过滤元素 1、eq(index | -index) 用法: 格式: ("li").first() 说明:获取匹配的
阅读全文
jQuery — 文档处理(CRUD)
摘要:一、内部插入节点 1、append(content) 用法: 格式: a.append(b) 把 b 插入到 a 的末尾,称为最后一个子元素 说明:向每个匹配的元素的内部结尾处追加内容 2、appendTo(content) 用法: 格式: a.appendTo(b) 把 a 插入到 b 的末尾,称
阅读全文
jQuery — 选择器
摘要:jQuery中最大亮点之一就是其强大的选择器,使用其选择器基本可以快速轻松的找到页面的任意节点。 一、基本选择器 它是jQuery中最简单,也是最常用的选择器,可以通过标签名,id 属性,class 属性来查找匹配的 DOM 元素 1、id 选择器 用法: 格式:$("#id") 返回值:根据id属
阅读全文
jQuery — jQuery 对象和 DOM 对象区分
摘要:一、什么是 DOM 对象 DOM 对象 1. 通过 getElementById()查询出来的标签对象是 Dom 对象 2. 通过 getElementsByName()查询出来的标签对象是 Dom 对象 3. 通过 getElementsByTagName()查询出来的标签对象是 Dom 对象 4
阅读全文
jQuery — jQuery介绍与jQuery核心函数
摘要:一、jQuery 介绍 1、jQuery是什么 为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了,JavaScript库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互的页面, 并且兼容各大浏览器。 jQuery,顾名思义,就是 JavaScript和查询
阅读全文
JavaScript 之 RegExp 对象
摘要:RegExp 正则表达式对象 一、正则表达式 正则表达式:定义字符串的组成规则。 1、单个字符:[ ] 如:[a]、[ab]、[a-zA-Z0-9] 特殊符号代表特殊含义的单个字符: \d:单个数字字符 [0-9] \w:单个单词字符 [a-zA-Z0-9_] 2、量词符号: ?:表示出现0次或1次
阅读全文
JavaScript 之 offset 、client、scroll
摘要:下面这三组是关于元素大小、位置相关的属性 一、offset 偏移量 1、offsetParent 该属性获取距离当前元素最近的定位父元素,如果没有定位父元素此时是 body 元素 2、offsetLeft / offsetTop 该属性获取当前元素距离 offsetParent 的横向偏移和纵向偏移
阅读全文
JavaScript 之 navigator 对象
摘要:navigator 对象可以查看用户所使用的浏览器类型和系统平台类型。 1、userAgent 通过 userAgent 可以判断用户浏览器的类型。 Chrome 浏览器效果: 2、platform 通过 platform 可以判断浏览器所在的系统平台类型。
阅读全文
JavaScript 之 history对象
摘要:location.history 对象是浏览器的一个历史对象,可以用来前进和后退。 1、back() 方法 浏览器的历史记录会记录原来的地址,这个方法将会返回到上一页。相当于浏览器上面的“后退”按钮。 2、forward() 方法 浏览器的历史记录会记录原来的地址,这个方法将会前进到上一页。相当于浏
阅读全文
JavaScript 之 location 对象
摘要:一、location 对象 location 对象是 window 对象下的一个属性,使用的时候可以省略 window 对象。 常用属性: 最常用的为 href 属性,可以是浏览器跳转到指定的页面。 常用方法: 1、assign() 委派 该方法的作用和 href 的作用一样,可以让页面跳转到指定的
阅读全文
JavaScript 之 定时器
摘要:JavaScript 里面有两个定时器:setTimeout() 和 setInterval() 。 区别: setTimeout():相当于一个定时炸弹,隔一段时间执行,并且只会执行一次就不在执行了。 setInterval(): 相当于一个闹钟,隔一段时间执行,并且会重复执行。 一、setTim
阅读全文
JavaScript 之 页面加载事件
摘要:一、onload 加载事件 onload 是 window 对象的一个事件,也可以省略 window 直接使用。 常用方式: 这个事件是等待页面加载完成之后,再执行 <script> 标签的内容。即页面上所有的元素创建完毕,并且引用的外部资源下载完毕(js,css,图片) 注意:该事件相比于在 <b
阅读全文