随笔分类 -  JQuery

jQuery 核心 - noConflict() 方法
摘要：1.遇到问题： 当我们写jquery时使用$,发现写的jquery全部失效； 2.发现问题： 排查后发现是noConflict()函数在作怪，因为使用noConflict()函数后，重新定义$名字为jq的原因，将$替换成jq即可实现所需效果； 3.分析方法： 使用 noConflict() 方法为 阅读全文
posted @ 2017-04-10 11:17 申文哲 阅读(250) 评论(0) 推荐(0)
jQuery相同id元素 全部获取问题解决办法
摘要：问题：今天在做页面链接的点击效果时，让部分a链接跳转到同一个地址,即使使用$().each()也同样无法获取所有相同id的值。 用以下方法只有第一个a链接点击可以正常跳转 例如： html代码： jquery代码： 解决点击每个a链接都可以正常跳转的办法如下： 修改jquery代码即可： 阅读全文
posted @ 2017-03-09 18:04 申文哲 阅读(5351) 评论(0) 推荐(2)
Thinkphp 验证码点击刷新解决办法
摘要：HTML代码如下： JS控制点击刷新代码如下： 方法一： 方法二（推荐使用此方法，简洁）： 阅读全文
posted @ 2017-02-16 15:12 申文哲 阅读(3847) 评论(0) 推荐(0)
removeClass 按钮点击添加class效果
摘要：案例一： html代码： jquery代码： 案例二： html代码： jquery代码： 阅读全文
posted @ 2016-12-21 11:56 申文哲 阅读(2287) 评论(0) 推荐(0)
判断手机端用户打开页面时是android还是ios,并将判断结果通过ajax返回给url接口，传递回去
摘要：首先判断页面是android还是ios,然后利用ajax将结果通过接口url返回回去，记录到log日志中，以统计android和ios用户访问该页面的数量（数据统计） 阅读全文
posted @ 2016-12-08 16:43 申文哲 阅读(1239) 评论(0) 推荐(0)
让IE系列支持HTML5的html5shiv.js和respond.min.js
摘要：HTML5越来越成为主流，被广大搜索引擎所使用，但IE对HTML5的支持却常被人唾弃。 解决方案有两种： 1.为网站创建多套模板，通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面，比如优酷网就是采用的这种模式。（缺点：工程量大） 2.使用javascript来使不支持HTML5的 阅读全文
posted @ 2016-11-21 18:28 申文哲 阅读(3504) 评论(0) 推荐(0)
解决h5的video标签，android、ipad客户端播放正常，iphone客户端无法播放
摘要：在做html5时插入一个视频播放标签video后，测试时android、ipad客户端播放正常，唯独iphone自带浏览器无法播放。 解决办法： 判断用户所使用客户端访问h5页面时是iphone时，点击播放视频触发的是一个视频url链接,而非video标签。 js判断代码如下：此代码引用Github 阅读全文
posted @ 2016-09-06 11:24 申文哲 阅读(12750) 评论(3) 推荐(1)
点击弹出一个视频层,然后点击页面任何地方层隐藏，并带有遮罩层修饰
摘要：1.HTML代码 点击按钮: 弹出视频播放层: 2.CSS代码 3.jQuery代码 阅读全文
posted @ 2016-08-29 16:36 申文哲 阅读(7362) 评论(0) 推荐(0)
支持自动切换的tab标签代码札记
摘要：html代码如下： jquery代码如下： 阅读全文
posted @ 2016-08-24 12:17 申文哲 阅读(463) 评论(0) 推荐(0)
PC端和移动端地址适配
摘要：判断当前页面的打开方式是pc还是移动设备，如果是移动设备，跳转到对应移到端网站的方法： 方法一、还是用@media screen 思路：css使用媒体查询，当屏幕小于760px时，使某个元素的样式发生改变，然后通过js检测到这个改变，就可以知道现在切换到移动端了 css代码： js代码： 方法二、通 阅读全文
posted @ 2016-08-19 12:06 申文哲 阅读(733) 评论(0) 推荐(0)
jQuery学习易忘细节
摘要：1.类似于alert(""),但不会中断页面操作：console.log("last");2.javascript是HTML5以及所有现代浏览器中的默认脚本语言，所以在<script></script>标签中是否使用“type="text/javascript"”都可以；3.云CDN: Baidu 阅读全文
posted @ 2016-08-04 19:06 申文哲 阅读(226) 评论(0) 推荐(0)
jquery导航栏html页面跳转导航字体变色
摘要：html代码： jquery代码： 阅读全文
posted @ 2016-08-02 15:20 申文哲 阅读(4594) 评论(0) 推荐(0)
lamper技能树
摘要： 阅读全文
posted @ 2016-07-15 16:38 申文哲 阅读(299) 评论(0) 推荐(0)
jquery实现简单的Tab切换菜单
摘要：实现tab切换的主要html代码： 实现tab切换的jquery代码： 阅读全文
posted @ 2016-06-16 14:33 申文哲 阅读(4735) 评论(2) 推荐(0)