jQuery常用知识点总结以及平时封装常用函数

前端之家收集整理的这篇文章主要介绍了jQuery常用知识点总结以及平时封装常用函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文为大家介绍了jQuery中常用知识点及函数,包含许多细节方面的知识,下面我们一起学习一下。

jQuery中为我们提供了很多有用的属性,自己总结的一些常用的函数。个人认为在在线排盘开发中会比较常用的,仅供大家学习和参考。

刚开始学习前端的时候开始整理这个文档,现在内容已经逐渐增多。虽然现在看起来,文档里的内容非常简单,但是看着这些内容,好像还依稀记得这一行行代码当时被记录的情景。所以我想把这段回忆保存起来,为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路。

** 此文档,我会持续更新 ** --------------------------------------------------------------------------------

jquery常用知识点

jquery效果

隐藏/显示

标签; $("p").show();//显示 p=标签; });

淡入/淡出:

显示; $(“#div2”).fadeIn(“slow”);//慢慢显示; $(“#div3”).fadeIn(3000);//用3秒时间显示; })

滑动: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(“添加文本”;//在被选 标签之前添加这段代码

删除元素:

删除被选元素及其所有的子元素 $(“#div1”).empty();//删除被选元素的所有子元素 $(“#div1”).remove(“.info”);//删除被选元素的类名为info的子元素

查找元素:

操作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的函数代码如下:

方法: 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阻止冒泡方法 } }

获取url中“?”后的对象属性

深度拷贝对象

生成随机

其他

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

以上内容是小编给大家介绍的jQuery常用知识点总结以及平时封装常用函数,希望对大家有所帮助!

猜你在找的jQuery相关文章