JQ学习二十三：JQ中的ajax请求
摘要：JQ中的ajax请求： 示例： $.ajax中的url参数，url的协议、地址、端口必须和访问此html文件的url地址是一样的。 在使用JQ的ajax获取异步数据时，可能使用得以下方法：
阅读全文
posted @ 2018-12-09 20:57
文章分类 - 前端JavaScript
JQ学习二十二：浏览器请求过程
摘要：URL：统一资源定位符，是互联网上资源的网址。 这个地址缓存在：c:/windows/system32/drivers/etc/hosts 浏览器和DNS服务器，是不会记录这个地址的。 news：是虚拟目录部分，非必须。 同源策略：要求动态内容（如javascript），只能阅读与之同源的那些HTT
阅读全文
posted @ 2018-12-09 19:23
JS学习二十一：JQ中的动画
摘要：一、显示与隐藏 使用一个按钮控制显示与隐藏：toggle()方法 二、淡入淡出效果 fadeOut()方法--淡出、fadeIn（）方法--淡入。 透明度：fadeTo（时间毫秒，透明度），如fadeTo(1000, 0.1)，在1秒内透明度变为0.1 一个按键控制淡入淡出：fadeToggle 三
阅读全文
posted @ 2018-12-09 18:14
JS学习二十：JQuery中的事件
摘要：一、页面加载事件 原生JS的页面加载事件：window.onload = function JQ的页面加载事件：$(document).ready(function) 示例： 两者的区别： 在一个文档完全下载到浏览器时（包括所有关联的文件，例如图片、横幅等），就会响应window.onload()方
阅读全文
posted @ 2018-12-09 14:41
JS学习十九：jQuery增删改查class属性、css样式属性
摘要：一、增册改查 class属性 addClass(class)：为所有匹配的元素，添加指定的类名 removeClass(class)：从所有匹配的元素中，删除全部或指定的类名 toggleClass(class)：如果存在就删除一个CSS类。如果不存在就添加一个CSS类 toggleClass(cl
阅读全文
posted @ 2018-12-09 14:22
JS学习十八：jQuery增删改查节点
摘要：创建节点，直接 $(selector)即可，相当于DOM中的document.createElement(selector) 一、插入节点 创建DOM的元素节点： 在元素内部插入节点的方法： append(content)：为所有匹配的元素的内部追加内容（在尾部添加） appendTo(conten
阅读全文
posted @ 2018-11-24 20:30
JS学习十七：jQuery对元素内容的操作
摘要：在上节，学习了jq选择器的几个方法： html()，val()，addClass()，removeClass() 元素的内容：是指定义元素的起始标记、到结束标记之间的内容。可以分为文本内容和HTML内容。 文本内容：只包含元素内的文本内容，不包含元素的子元素标签。如以上示例中，div元素的文本内容为
阅读全文
posted @ 2018-11-24 19:36
JS学习十六：JQuery选择器
摘要：jQuery选择器，支持CSS语法，能够轻松快速地对页面进行设置。 jQuery选择器的语法格式： selector是一个字符串表达式，用于识别DOM中的元素，使后使用jQuery提供的方法集合加以设置。 多个jQuery操作，可以以链的形式串起来，语法如下： JQ的$(selector) 相当于
阅读全文
posted @ 2018-11-24 10:08
JS学习十五：飞机大战坦克示例
摘要：index.html style.css loop.js 几个常用的js函数：
阅读全文
posted @ 2018-11-21 21:08
JS学习十四：div拖拽示例、轮播图片示例
摘要：div拖拽效果： 图片轮播： 鼠标进入图标或者点击第几张图片：轮播停止，并出现上下面的标签 轮番，第三方包：swiper
阅读全文
posted @ 2018-11-20 23:44
JS学习十三：事件
摘要：一、事件处理程序 事件：就是用户或者浏览器执行的某种动作。 事件处理程序：就是响应事件的函数，事件处理程序的名字以"on"开头。 事件一般指鼠标、键盘事件。 定义事件的四种方式： 方式一：直接在HTML标签中，给与事件处理程序同名的属性赋值，值为函数。 方式一及通常情况下，标签中的this代表win
阅读全文
posted @ 2018-11-19 20:08
JS学习十二：DOM节点动态操作，飞翔的球示例
摘要：创建一个a标签、插入到div元素节点之下： 创建标签： document.createElement(标签名) 通过id，获取元素节点：document.getElementById(id值) 插入子节点：元素节点.appendChild(标签名) 注意div与子节点之间，不能有换行、空白，否则会多
阅读全文
posted @ 2018-11-18 23:50
JS学习十一：DOM节点属性
摘要：节点常用属性：nodeName，nodeType，nodeValue
阅读全文
posted @ 2018-11-18 22:51
JS学习十：DOM样式属性读写，飞翔的div示例
摘要：一、修改、增加行间样式（行间样式style，也是属性，属于属性节点） 行间样式的获取：找到元素节点后，使用 “ 元素节点.style.样式属性名 ” 获取样式属性。或者元素节点.style["样式属性名"] 行间样式的修改：找到元素节点后，使用 “元素节点.style.样式属性名 = 属性值” 修改
阅读全文
posted @ 2018-11-18 21:31
JS学习九：DOM节点
摘要：一、DOM DOM：文档对象模型(document object model)，DOM是访问HTML和操作HTML的标准。即document对象。 DOM分类： Core DOM：核心DOM，针对任何结构变化文档的标准模型 XML DOM：针对XML文档的标准模型 HTML DOM：针对HTML文档
阅读全文
posted @ 2018-11-18 18:44
JS学习八：BOM
摘要：一、什么是BOM：window... BOM：浏览器的对象模型（browser object model），是一个用于访问浏览器和计算机屏幕的对象集合。 我们可以通过全局对象window来访问这些对象。 二、BOM的六个属性： 几个重要的BOM对象的属性： window.document：页面文档对
阅读全文
posted @ 2018-11-18 16:33
JS学习七：一些内置对象Math、Date
摘要：Math对象： 取x-y之间的随机整数，公式： 示例： Date对象： 使用Date（），方式一，没有参数，返回字符串：获取当前时间 创建date对象，方式二，可以有参数： 使用：2015-01-01格式的，获取的时侯，将是8点，而不是0点的时侯。 使用Date(年，月，日...)格式，有年，月，日
阅读全文
posted @ 2018-11-18 15:46
JS学习六：字符串
摘要：定义字符串、字符串对象： 可见，方法1，定义的是字符串，是基本数据类型；方法2，定义的是字符串对象，是非基本数据类型（对象类型）。 但是，方法1定义的字符串，可以使用方法2定义的字符串对象所拥有的所有方法和属性。这是因为字符串，在使用字符串对象的方法和属性的时侯，会自动转化为字符串对象。 总结：虽然
阅读全文
posted @ 2018-11-18 15:12
JS学习五：数组
摘要：一、定义数组、数组的长度、循环取值，下标取值： 定义数组方式一： 遍历数组方式一： for循环 遍历数组方式二：for in 循环 数组的类型是object对象： 对象，包含属性和方法。 定义数组方式二： 下标操作： 数组更新，使用下标： 更新数组的length，相当于删除数组靠后的元素： 赋值或更
阅读全文
posted @ 2018-11-18 13:09
JS学习四：函数
摘要：一、函数 定义、声明函数的格式： 如果没有显示的return语句，默认返回的是undefined。 无参数无返回值的函数示例： 调用：func() 有参数返回值的函数示例，func函数中其中num1，num2称为形参，本质是变量；func(1,2)中的1，2称为实参。 在js中，实参可以多于形参，不
阅读全文
posted @ 2018-11-17 22:41
