jQuery-2
1. jQuery元素操作 主要是遍历,创建,添加,删除元素
1.1 遍历元素1. each()对于同一类元素做不同的操作1$("div").each(function(index,domEle) {xxx;})
回调函数第一个参数一定是索引号,可以自己指定索引号名称。
回调函数第二个参数一定是DOM元素对象。所以想要使用jQuery方法,需要给这个dom元素转换为jQuery对象$(domEle)。
2. $.each()主要用于遍历数组,处理数据1$.each(arr,function(index,ele))
第一个参数可以是数组,也可以是对象。
1.2 添加元素1. 内部添加
内部添加后二者是父子关系。
append将元素放在内容的最后面,prepend将元素放在内容的前面。
12element.append("元素")element.prepend("元素")
2. 外部添加
外部添加后二者关系是兄弟关系。
after将元素放在内容的最后面,before将元素放在内容的前面。 ...
jQuery-1
1. jQuery 概述1.1 jQuery 的概念
jQuery 出现的目的是加快前端人员的开发速度,我们可以非常方便的调用和使用它,从而提高开发效率。
学习jQuery本质: 就是学习调用这些函数(方法)。
jQuery的优点
轻量级。核心文件才几十kb,不会影响页面加载速度
链式编程、隐式迭代
对事件、样式、动画支持,大大简化了DOM操作
支持插件扩展开发。有着丰富的第三方的插件,:树形菜单、日期控件、轮播图等
1.2 JavaScript库 JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。
简单理解: 就是一个JS 文件,里面对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了。
常见的JavaScript库:jQuery ,Prototype, YUI ,Dojo, Ext JS, 移动端的zepto
2. jQuery的基本使用2.1 jQ ...
Javascript知识-1
1.offset(偏移量) offset 翻译过来就是偏移量, 我们使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、 大小等。
获得元素距离带有定位父元素的位置
获得元素自身的大小(宽度高度)
注意: 返回的数值都不带单位
offset系列属性
作用
element.offsetParent
返回作为该元素带有定位的父级元素,如果父级没有定位则返回body
element.offsetTop
返回元素相对带有定位元素上方的偏移
element.offsetLeft
返回元素相对带有定位元素左边框的偏移
element.offsetWidth
返回自身包括padding,边框,内容区的宽度,返回数值不带单位
element.offsetHight
返回自身包括padding,边框,内容区的高度,返回数值不带单位
1.1 offset 与 style 区别 offset
offset 可以得到任意样式表中的样式值
offset 系列获得的数值是没有单位的
offsetWidth 包含padding+bo ...
BOM基础
1. BOM概述1.1 什么是BOM
BOM ( BrowserObject Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window,
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。
BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分。
1.2 BOM的构成window对象是浏览器的顶级对象,它具有双重角色。
它是JS访问浏览器窗口的一个接口。
它是一个全局对象。定义在全局作用域中的变量、函数都会变成window对象的属性和方法。在调用的时候可以省略window,前面学习的对话框都属于window对象方法,如alert()、prompt()等。
window对象的常见事件2.1 窗口加载事件123window.onload = function () {};或者window.addEventListener('load',function(){});
window. ...
DOM高级
1.注册事件(绑定事件)1.1注册事件概述注册事件有两种方式:传统注册事件 方法监听注册事件
(1)传统注册事件
利用on开头的时间 onclick
<button onclick = “alert(“hi)”>按钮
but.onclick = function() {}
特点:注册事件的唯一性
同一个元素同一个注册事件只能设置一个处理函数,最后注册的处理函数会覆盖前面注册的处理函数
(2)方法监听注册方式
w3c 标准 (推荐方式)
addEventListener()是一个新的方法
IE9之前IE不支持此方法,可使用attachEvent()代替
特点:同一个元素同一个事件可以注册多个处理函数
按注册顺序依次执行
1.2addEventListener 事件监听方式 eventTarget.addEventListener(type, listener, unescape)
eventTarget.addEventListener()方法指定的监视器注册到eventTarget(目标对象)上,当 该对象触发指定的 ...
DOM基础
1. API接口1.1.document.getElementById()1document.getElementById()
document.getElementById() 只有在作为 document 的方法时才能起作用,而在DOM中的其他 元素下无法生效。这是因为 ID 值在整个网页中必须保持唯一
1.2.document.getElementByTagName()1document.getElementByTagName()
1.3.document.getElementByClassName()1document.getElementByClassName()
document.getElementByTagName(),document.getElementByClassName()返回的是 元素对象的集合,以伪数组的形式存储。
2. H5新增获取元素方式2.1.document.querySelector()1document.querySelector()
docume ...
Hexo博客hexo deploy报错
1.ErroeType
这个错误实在执行hexo deploy命令将静态文件上传到github时出现的,主要的问题是找不到git分支,查看本地hexo目录确实没有这个文件夹。
解决这个问题的方案是创建git文件夹,
1git init
在本地hexo目录中找到.deploy_git文件夹,进入到文件夹输入命令创建git文件夹,再回去输入
hexo deploy上传即可。
2.ErrorType
这个错误是因为本地的博客版本与远程的版本不一致,解决方法是删除博客目录下的.deploy_git文件夹,然后克隆远程(也就是将要发布的地址)的仓库到博客目录里面,然后改名字为.deploy_git,另外一个不那么绕的办法是把远端仓库删除,删除本地的.deploy_git,再次发布,不过这样做会导致之前的提交记录丢失。
这是网上查到的解决方案,但是好像对于我并不是很友好,问题没有解决,对于这个报错网上的发布的解决方法发五花八门,发布的时间都在几年前,所以只能自己去试着排除……
(1)错误分析首先本地运行一切正常,所在问题就是在执行hexo deploy命令时报错,那麽问题就出在本地与远程仓库 ...
JavaScript代码块
1.微博下拉菜单123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132<style> * { margin: 0; padding: 0; } li { list-style-type: none; } a { text-de ...