![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
jQuery
.
zihanzy.com
前端攻城狮
个人博客 https://www.zihanzy.com
欢迎来访
展开
-
jQuery实现轮播效果
个人博客上线欢迎来访 http://www.zihanzy.comHTML结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> .原创 2020-10-01 21:51:50 · 1901 阅读 · 0 评论 -
jQuery对象拷贝
如果想要把某个对象拷贝(合并)给另外一个对象使用,可以用$.extend()方法语法格式:$.extend([deep],target,object1,[objectn])deep:true表示深拷贝,默认fasle浅拷贝target:要拷贝的目标对象object1:为要拷贝的对象$(function(){ var tobj={} var obj = { id:1 }; $.extend(tobj,obj)//会将tobj原来的重复数据覆盖}原创 2020-08-05 13:56:30 · 1368 阅读 · 0 评论 -
jQuery中发送jsonp
上一篇文章中我们介绍了jsonp的原理实现,在jQuery中发送jsonp很简单第一种方式通过$.ajax常用参数$.ajax({ url:''//请求地址 datatype:'jsonp'//发送jsonp请求必须指定数据类型为jsonp jsonp:'参数名'//服务器接收回调函数的参数名如callback ,cb等等默认callback jsonpCa...原创 2020-03-15 17:51:52 · 2636 阅读 · 0 评论 -
Jsonp原理理解
当我们用ajax请求一个跨域的域名时会报如下错误这是因为浏览器基于同源策略,在同源策略下浏览器不允许AjAX跨域获取服务器数据同源策略是浏览器的安全策略,指的是请求URL地址中的协议,域名和端口都与当前发送请求的页面相同,只要一处不同就是跨域请求。那如果我们想跨域获取数据是不是就没办法了?我们知道标签的src属性实际上是支持跨域请求的 比如你的img标签可以引用一个网络图片,我们可以通过c...原创 2020-03-15 15:26:29 · 1424 阅读 · 0 评论 -
Laravel ajax 获取validator信息
if($validator->fails()){ return back()->withErrors($validator)->withInput();}将上面代码替换成下面这个if ($validator->fails()) { return \Response::json([ 'status' => 'err...原创 2020-03-03 22:55:46 · 1520 阅读 · 0 评论 -
Laravel 中接收ajax请求
在laravel中提交数据需要经过token验证,因此我们使用ajax发送post请求的时候需设置token第一种方式$.ajax({ headers: { 'X-CSRF-TOKEN': '{{csrf_token()}}' },第二种方式<meta name="_token" content="{{ csrf_token() }}"/>$.aj...原创 2020-03-02 16:45:35 · 1777 阅读 · 0 评论 -
jquery.easing.1.3
从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数:properties:一组包含作为动画属性和终值的样式属性和及其值的集合duration(可选):动画执行时间,其值可以是三种预定速度之一的字符串(“slow”, “normal”, or “fas...转载 2020-02-25 17:44:57 · 1847 阅读 · 0 评论 -
fullPage.js全屏滚动插件
如果你要制作一个全屏的网页,使用这个插件在合适不过,如QQ浏览器官方网站使用方法1.引入文件<link rel=""stylesheet>原创 2020-02-25 17:03:09 · 1453 阅读 · 0 评论 -
wow.js实现各种动画特效
下载地址https://www.bootcdn.cn/wow/官方网站https://www.delac.io/wow/WOW.js用于设置用户滚动页面时触发各种CSS动画,WOW.js需和animate.css配合使用animate.css演示地址:https://www.dowebok.com/demo/2014/98/GitHub使用方法1.引入animate.css<...转载 2020-02-25 15:49:39 · 4504 阅读 · 0 评论 -
单页面导航插件jquery.singlePageNav.min.js
singlePageNav.min.js单页面导航插件用于优化导航效果,使锚点链接不在很生硬,达到平滑过渡的效果,优化用户体验下载地址singlePageNav.min.js1.使用方法引入jquery和singPageNav.min.js<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min...原创 2020-02-25 15:11:46 · 2211 阅读 · 0 评论 -
jq视差滚动插件
核心原理:元素和背景以不同的速度移动,以实现视差滚动效果主要通过background-attachment=fixed属性实现官网:http://markdalgleish.com/projects/stellar.js使用:1.<script type="text/javascript" src='../jquery-1.12.4.min.js'></script&g...原创 2020-02-24 11:25:09 · 1443 阅读 · 0 评论 -
自己制作简单jquery插件
导入如果我们想实现某些功能,但jq中没有提供相关功能,类似于这种jq没有的功能,我们可以通过插件的形式自己实现,或网上下载jq插件库:http://www.jq22.com/自定义语法格式:$.fn.extend({ 方法名:function(){ }})将方法绑定到对象上,必须有对象调用才能使用如$.fn.extend({ all:function(){ ...原创 2020-02-21 11:14:53 · 1421 阅读 · 0 评论 -
jquery发送ajax请求
底层封装调用方法:$.ajax({})常用参数async:异步与同步(true/false(默认true异步))type:请求方式http(默认get)url:请求地址success:回调函数dataType:服务器返回的数据类型(text/xml/json)Cache:是否缓存(true/false()),默认缓存contentType:发生请求时的内容编码类型(applica...原创 2020-02-21 10:28:56 · 1412 阅读 · 0 评论 -
jquery基本效果
基本效果hide(time,function())隐藏元素time可选指定隐藏需要的时间第二个参数为动画结束后的回调函数show(time,function)显示元素,参数与上面一样滑动效果slideUp();滑入 慢慢隐藏slideDown();滑出慢慢显示slideToggle():如果隐藏则显示,如果显示则隐藏 sideup与down的组合效果淡入淡出fadeOut();...原创 2020-02-20 23:18:30 · 1288 阅读 · 0 评论 -
jquery解决多库共存问题
在实际开发中我们可能需要引入多个库,但他们都使用了$,这个时候就会出现冲突,解决办法让某些库放弃$的使用解决办法1.通过.noConflict()释放jq对$的控制2.直接使用Jquery代替$如下模拟$冲突问题var $ = 123;$(function(){ $('button').click(function(){ console.log('test') }) })...原创 2020-02-20 23:00:52 · 1621 阅读 · 0 评论 -
事件绑定与触发事件
bind()方法绑定事件1.绑定一种事件.bind("click",function(){ ....})2.绑定多个事件,通过对象的方式.bind({"click":function(){},"mouseover":function(){}...)})为创建子元素绑定事件父元素.delegate("要绑定事件的元素","事件名","执行函数")对应解绑事件undelegate...原创 2020-02-20 22:39:35 · 1744 阅读 · 0 评论 -
JqueryDOM操作
内部插入append()当前元素添加子元素或内容appendTo('#p');将当前元素添加到指定#p元素prepend();向当前元素添加子元素或内容(内部元素前)prependTo('#p')当前元素添加到指定#p元素(内部元素前)外部插入after();当前元素之后添加内容before();当前元素之前添加内容insertAfter();将匹配的元素放在另一个元素后inse...原创 2020-02-20 22:06:29 · 1346 阅读 · 0 评论 -
Jquery设置属性及样式
要通过JQ设置元素属性及样式,首先我们得了解JQ对象和DOM对象DOM对象与JQ对象JQ获取的元素与原生JS获取的元素不相等,这是因为JQ获取元素时,会先通过元素js原生方式,待找到该元素后会将该元素DOM对象放入JQ对象中而原生JS获取元素直接获取DOM对象 var test = document.getElementById('test'); console....原创 2020-02-20 21:02:06 · 6318 阅读 · 0 评论