Git仓库的使用+jQuery总结

Git 仓库

含义：分布式文件管理器。

​ + 首先，第一次安装git 需要 在命令行 告诉你的电脑 你安装好git 了，自己书写一个用户名 和 email邮箱

​ =》git config --global user.name “xxx123456”//设置用户名

​ =》git concig --blobal user.email “xxx123456@/qq/163.com” //设置邮箱(选择邮箱就可以)

​ +检测git

​ =》git --versions 出现版本号为成功

​ =》鼠标右击在任意空白地方 看有没有 git bash here 的选择 ，有就表示成功

​ +把目录切换到你需要git管理的地方

​ +鼠标右键选择 git bash here 打开git 窗口

​ +命令输入 git init 初始化仓库 ，从这一步开始表示 可以使用git命令管理文件了

​ +git的常用操作命令

​ =》git add 文件名 //添加单个文件到暂存区

​ =》git add 文件夹 //添加单个文件夹到暂存区

​ =》git add --All（添加所有文件） //添加所有文件到暂存区

​ =》git add . (添加所有) //添加所有文件到暂存区

​ =》git status //查看暂存区的内容

​ =》git reset HEAD – 文件名 //撤回单文件

​ =》git reset HEAD – 文件夹名 //撤回单文件夹

​ =》git commit -m “说明” //将暂存区的文件添加到历史版本文件

​ =>git log //查看历史版本，这里可以看到历史版本的ID

​ =》git reset --hard 历史版本ID //回滚到对应的历史版本Id的文件

把已经储存在历史版本区的文件上传到 git 远程仓库步骤：

​ +确保历史版本里有文件，然后使用 git remote add origin 地址 ； 添加一个远程仓库地址

​ + 上传进去后，再使用 git push -u origin master 把本地的历史版本推送到远程仓库

单人异地开发

​ 家：

​ +克隆文件 git chone //文件在git的地址

​ +更改user.name 和 user.email //就是再写一边你当初安装git时 第一次 输入的user 和 email

​ +修改文件 //就是改动代码后

​ +上传暂存区 //git add .

​ +上传历史版本 //git commit -m "说明"

​ +把历史版本推送到远程仓库 //git push -u origin master

​ +还需验证 github 的账号和密码 //这个验证的是你在网站上登录的账号密码

jQuery总结
选择器
$( )
括号里面写选择器就是获取元素
写类名
写id
只要符合css选择器格式的都能用
筛选器
含义
就是在选择器找到一组元素以后，对元素 进行筛选，也可以准确的对某一个元素进行判断和获取
常用的有
first（）
第一个
last（）
最后一个
next（）
下一个
prev（）
上一个
nextAll（）
下面的所有兄弟元素
prevAll（）
上面所有兄弟元素
parent（）
一个元素的父元素
parents（）
所有父级元素，直到html
find（）
找到某一个
属性操作
添加属性
prop（‘ 属性’，‘ 值 ’）
attr（‘ 属性 ’，‘ 值 ’）
移除属性
removeAttr（‘ 属性 ’）
操作元素的类名
hasClass（‘ 类名 ’）
判断某一个元素有没有这个类名
addClass（‘ 类名 ’）
添加一个类名
removeClass（‘ 类名 ’）
移除类名
toggleClass（‘ 类名 ’）
如果这个元素本身就有这个类名就不添加，没有就添加
操作元素的内容
.html（）
写参数就是给innerhtml赋值
不写就是获取
.text（）
写参数就是给innertext赋值
不写就是获取
.val（）
写参数就是给value赋值
不写就是获取
操作样式
css（）
括号里写一个对象
css({width:100,height:10})
元素操作
创建一个元素
$( ’

’ )
向内部插入元素
append( ${(}^{\prime }<p></p{>}^{\prime }))向末尾添加span.appendTo($( ’

’ ))
把sapn追加到p标签里
prepend( ${(}^{\prime }<p></p{>}^{\prime }))向最前面添加span.prependTo($( ’

’ ))
把sapn追加到p标签里,放在最前
外部插入元素
.after()
在一个元素之后添加一个元素
.berore
在一个元素前面添加一个元素
.inserAfter（）
在一个元素之后添加一个元素
.inserBefore（）
在一个元素之后添加一个元素
替换元素
replaceWith（）
替换成括号里的标签
replaceAll（）
${(}^{\prime }<p></p{>}^{\prime }).replaceAll($(‘div’))
// 用 p 元素替换掉 div 元素
删除元素
empty（）
$(‘div’).empty()
// 删除元素下的所有子节点
remove（）
$(‘div’).remove()
// 把自己从页面中移除
客隆元素
clone（）
$(‘li’).clone()
克隆一个li标签
元素尺寸
操作元素的宽和高
// 获取 div 元素内容位置的高，不包含 padding 和 border
$(‘div’).height()
获取元素的内置宽和高
// 获取 div 元素内容位置的高，包含 padding 不包含 border
$(‘div’).innerHeight()
获取元素的外置宽和高
// 获取 div 元素内容位置的宽，包含 padding 和 border
$(‘div’).outerWidth()
// 获取 div 元素内容位置的高，包含 padding 和 border 和 margin
$(‘div’).outerWidth(true)
元素位置
元素相对页面的位置
/ 获取 div 相对页面的位置
$(‘div’).offset() // 得到的是以一个对象 { left: 值, top: 值 }
元素相对于父元素的偏移量
// 获取 div 相对于父元素的偏移量（定位的值）
KaTeX parse error: Expected '}', got 'EOF' at end of input: … console.log((window).scrollTop())
}
元素事件
子主题 1
绑定事件的方法
动画
子主题 1
show（）
显示
// 接受三个参数
// $(‘div’).show(‘毫秒’, ‘速度’, ‘回调函数’)
hide（）
隐藏
$(‘div’).hide(1000, ‘linear’, function () {
console.log(‘我隐藏完毕’)
})
toggle（）
// 给 div 绑定一个切换的动画
$(‘div’).hide() // 元素本身是显示，那么就隐藏，本身是隐藏那么就显示
animate（） // 定义一个自定义动画 $('.show').click(function () { $('div').animate({ width: 500, height: 300 }, 1000, 'linear', function () { console.log('动画运动完毕') }) }) stop // 立刻定制动画 $('div').stop() // 就停止再当前状态finish`
// 立刻结束动画
$(‘div’).finish() // 停止在动画结束状态
发送ajax请求
$.get()
// 直接使用 $.get 方法来发送一个请求
/*
参数一： 请求地址
参数二： 请求时携带的参数
参数三： 请求成功的回调
参数四： 返回的数据类型
$.post()
// 直接使用 $.post 方法来发送一个请求
/*
参数一： 请求地址
参数二： 请求时携带的参数
参数三： 请求成功的回调
参数四： 返回的数据类型
$.ajax()
// 只接受一个参数，是一个对象，这个对象对当前的请求进行所有的配置
$.ajax({
url: ‘./ajax’, // 必填，请求的地址
type: ‘GET’, // 选填，请求方式，默认是 GET（忽略大小写）
data: {}, // 选填，发送请求是携带的参数
dataType: ‘json’, // 选填，期望返回值的数据类型，默认是 string
async: true, // 选填，是否异步，默认是 true
success () {}, // 选填，成功的回调函数
error () {}, // 选填，失败的回调函数
cache: true, // 选填，是否缓存，默认是 true
context: div, // 选填，回调函数中的 this 指向，默认是 ajax 对象
status: {}, // 选填，根据对应的状态码进行函数执行
timeout: 1000, // 选填，超时事件
})
ajax的全局钩子函数
子主题 1
ajaxStart（）
任意一个请求在 开始 的时候就会触发这个函数
$(window).ajaxStart(function () {
console.log(‘有一个请求开始了’)
})
ajaxSend（）
任意一个请求在 准备 send 之前 会触发这个函数
$(window).ajaxSend(function () {
console.log(‘有一个要发送出去了’)
})
ajaxSuccess（）
任意一个请求在 成功 的时候就会触发这个函数
$(window).ajaxSuccess(function () {
console.log(‘有一个请求成功了’)
})
ajaxError（）
任意一个请求在 失败 的时候就会触发这个函数
$(window).ajaxError(function () {
console.log(‘有一个请求失败了’)
})
ajaxComplete（）
任意一个请求在 完成 的时候就会触发这个函数
$(window).ajaxComplete(function () {
console.log(‘有一个请求完成了’)
})
ajaxStop（）
任意一个请求在 结束 的时候就会触发这个函数
$(window).ajaxStop(function () {
console.log(‘有一个请求结束了’)
})
jQuery 的多库共存
更换控制权
// 可以用一个变量来接受返回值，这个变量就是新的控制权
var aa = jQuery.noConflict(true)
// 接下来就可以把 aa 当作 jQuery 向外暴露的接口使用了
aa(‘div’).click(function () { console.log(‘我被点击了’) })