本文为大家介绍了jQuery中常用知识点及函数,包含许多细节方面的知识,下面我们一起学习一下。
jQuery中为我们提供了很多有用的属性,自己总结的一些常用的函数。个人认为在在线排盘开发中会比较常用的,仅供大家学习和参考。
刚开始学习前端的时候开始整理这个文档,现在内容已经逐渐增多。虽然现在看起来,文档里的内容非常简单,但是看着这些内容,好像还依稀记得这一行行代码当时被记录的情景。所以我想把这段回忆保存起来,为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路。
** 此文档,我会持续更新 ** --------------------------------------------------------------------------------
jquery常用知识点
jquery效果
隐藏/显示:
淡入/淡出:
滑动:slideDown/slideUp(speed,callback)
动画:
Box").animate({
height:"300px",width:"300px"
}); //将宽高变为300px;
});
jQuery DOM
获取文本值、属性值:
这是一段文字中的粗体
js代码:
输出“这是一段文字中的粗体”
$(“#test”).html();//输出“这是一段文字中的粗体”
$(“#input”).val();//输出“文本值”
$(“#a”).attr(“href”);//输出“http://...”,获取元素属性值
设置文本属性值:
js代码:
添加元素:
添加文本”;//在id=test的标签末尾添加这段代码
$(“#test”).prepend(“添加文本”;//在被选标签的开头添加这段代码
$(“#test”).after(“添加文本”;//在被选标签之后添加这段代码
$(“#test”).before(“添加文本”;//在被选 标签之前添加这段代码
删除元素:
查找元素:
操作css:
添加/删除类名
$(“p”).css(“color”);//返回p元素的color样式属性的值
$(“p”).css(“color”,”red”);//把p元素的color属性设为red
$(“p”).css({“color”:””red”,“font-size”:”14px”});//同时给p设置多个属性值
jQuery AJAX:
jquery ajax函数
方法:
Ajax('/data.json',function(data) {
console.log(data);
});
jsonp:
有时候我们为了跨域,要使用jsonp的方法,我也封装了一个函数:
属性
var callbackName = ('jsonp_' + Math.random()).replace(".","");
var oHead = document.getElementsByTagName('head')[0];
var oScript = document.createElement('script');
oHead.appendChild(oScript);
window[callbackName] = function(json) { //创建jsonp回调函数
oHead.removeChild(oScript);
clearTimeout(oScript.timer);
window[callbackName] = null;
options.success && options.success(json); //先删除script标签,实际上执行的是success函数
};
oScript.src = options.url + '?' + callbackName; //发送请求
if (options.time) { //设置超时处理
oScript.timer = setTimeout(function () {
window[callbackName] = null;
oHead.removeChild(oScript);
options.fail && options.fail({ message: "超时" });
},options.time);
}
};
// 使用方法:
jsonp({
url: '/b.com/b.json',success: function(d){
//数据处理
},time: 5000,fail: function(){
//错误处理
}
});
封装的常用函数
100) {
$('.go-top').fadeIn();
}else {
$('.go-top').fadeOut();
}
});
$(".go-top").click(function(){
$("html,body").animate({scrollTop:"0px"},'600');
});
阻止冒泡函数
方法
}else {
e.cancelBubble = true; //IE阻止冒泡方法
}
}
深度拷贝对象
其他
git常用命令
用户名称、邮箱
2、git clone https://github.com/jarson7426/javascript.git //clone仓库到本地。
3、修改本地代码,提交到分支: git add file \ git commit -m “新增文件”
4、把本地库推送到远程库: git push origin master
5、查看提交日志:git log -5
6、返回某一个版本:git reset --hard 123
7、创建分支:git branch name \ git checkout name
8、合并name分支到当前分支:git merge name
9、删除本地分支:git branch -d name
10、删除远程分支: git push origin :daily/x.x.x
11、git checkout -b mydev origin/daily/1.0.0 //把远程daily分支映射到本地mydev分支进行开发
12、合并远程分支到当前分支 git pull origin daily/1.1.1
13、发布到线上:
git tag publish/0.1.5
git push origin publish/0.1.5:publish/0.1.5