jQuery
关注
分享
扫一扫
文章平均质量分 73
FungLeo
键鼠轻游戏人间 风流谈笑傲江湖
展开
-
一劳永逸的解决jquery的本地引入的方法
很多人都建议jquery使用cdn加速的方式引入。当然，我不反对这么做。但是以我自己做项目的便利性，我还是习惯把jq放在本地使用。原因有以下几点：项目的可靠性。不会受外在的情况的影响。在断网的情况下依旧可以工作。（我这个随时随地写代码的人哪）。好，jq本地引入有什么问题？JQ2不兼容IE低版本，所以，针对IE低版本，要使用JQ1.11版同时引入html5.js，以让低版本IE支持HTML5原创 2015-08-27 17:23:32 · 14090 阅读 · 0 评论 -
【转载】用JS\JQUERY获取地址栏参数的方法
前言最近在做一个项目，里面需要通过jq来获取地址栏参数。以前没接触过，因此百度了一下，找到这篇文章，写得非常好。因此转载来分享与大家。转载原文正则获取方法一：采用正则表达式获取地址栏参数：（ 强烈推荐，既实用又方便！）function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");转载 2015-10-25 17:10:45 · 4382 阅读 · 0 评论 -
jquery 做一个小的倒计时效果
html<div id="shop_rec"> <ul class="cf"> <li> <img src="image/goods.jpg" alt="小米 Note 顶配版" /> <div> <h5>小米 Note 顶配版</h5> <p>全网通 香槟金 移动原创 2015-10-27 13:08:05 · 2221 阅读 · 0 评论 -
javascript 数组的一些处理处理方法
javascript 数组的一些处理处理方法今天的项目中，用到了很多数组的知识，这里做一个记录，学到了很多。javascript 过滤数组中的 空数组 的方法。var tagValue = [1,"",""];var realValue = [];for (var i = 0; i < tagValue.length; i++) { if (tagValue[i]!='') {原创 2015-11-16 18:17:43 · 1254 阅读 · 0 评论 -
[转] JS实例操作QQ空间自动点赞方法
做开法的小伙伴都知道我们在查找网络资源时，通常会通过 使用谷歌浏览器的 F12 对页面元素进行操作，且可以查看一些网络资源，当然火狐浏览器也有这种功能，不是IE就好了。打开QQ空间按下 F12 ，并选中 Console 节点将以下代码复制到打开的 Console 节点中，并回车，程序开始执行，并会发现已经开始自动点赞，代码如下jQuery("a.qz_like_btn_v3[data-cli转载 2016-01-03 23:53:26 · 2892 阅读 · 0 评论 -
微信自带浏览器被输入法阻挡文本框的 jQuery 解决方法 by FungLeo
微信自带浏览器被输入法阻挡文本框的 jQuery 解决方法 by FungLeo前言做好了项目之后,在各种浏览器里面测试,都没有问题.很高兴,交付后端使用.然而发现在微信自带浏览器里面,却是出现了问题.我的页面是一堆文本框,需要用户输入,当页面比较长的时候,在下面的文本框会被输入法给挡住…我勒个去.写了一段JS脚本,测试了一下,发现,在正常的浏览器当中,当调出输入法的时候,视窗的高度,会减少,以适应原创 2016-03-29 14:49:08 · 7890 阅读 · 0 评论 -
javascript 判断一个数字是否为质数实现方式若干 by FungLeo
javascript 判断一个数字是否为质数实现方式若干 by FungLeo前言今天看到一个题目,让判断一个数字是否为质数.看上去好像不难.因此,我决定实现一下.DOM结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算500以内的质数并输出</title> <meta name原创 2016-05-23 18:37:03 · 14280 阅读 · 1 评论 -
javascript 学习小结 JS装逼技巧(一) by FungLeo
javascript 学习小结 JS装逼技巧(一) by FungLeo前言最近一直在做javascript方面的工作.但是本身我的javascript水平比较低,因此在学习过程中比较困难.而最近又接触到了很多的知识点.好记性不如烂笔头,因此写这篇零碎的博文,记一记我学到的一些好玩的东西.简单的新建各种元素创建各种元素都有相对应的方法,例如,创建一个数组可以这样写var arr = new Arra原创 2016-05-11 21:47:10 · 14925 阅读 · 5 评论 -
javascript 学习小结 (三) jQuery封装ajax尝试 by FungLeo
javascript 学习小结 (三) jQuery封装ajax尝试 by FungLeo前言在JS学习中,对于原生的很多东西我理解得并不透彻.但是使用jQuery来操作DOM,基本上还是非常熟练的.但是对于AJAX数据交互的处理,我不是很理解.近期团队交给我一个后端全接口提供给我的项目.我要利用这些接口来自己组织前端代码.为了学习,我决定不使用VUE或者其他的前端框架来做.而是只使用jQuery框原创 2016-05-25 13:13:09 · 9058 阅读 · 0 评论 -
jQuery 获取多选框值,以及多选框中文的函数实践 by FungLeo
jQuery 获取多选框值,以及多选框中文的函数实践 by FungLeo前言本方法是我刚在项目中用的方法.可能有更加好的方法.但我不清楚.搜索了几个方法,好像都有错误,不知道是别人的错误,还是我的错误.因此,我自己构造了以下方法,便于我在实践中使用.分享出来,有谬误请大家指出.DOM结构我的多选框的dom结构,都是下面这种的.都是基础知识,不做过多阐述.<label class="input_ch原创 2016-05-16 13:51:29 · 9996 阅读 · 0 评论 -
移动端H5之动态设置html的font-size的横屏BUG修复以及横屏提示 by FungLeo
移动端H5之动态设置html的font-size的横屏BUG修复以及横屏提示 by FungLeo前言在上一篇 移动端之在不同尺寸大小的手机上展示同一效果解决方案 中,我们考虑的只是默认竖屏的情况.很显然,如果用户手机允许屏幕旋转,那么在横屏的情况下,页面就变得很恶心了.因此我们需要进行一个处理,来判断浏览器是否是横屏,在横屏的情况下,要使用高度值来计算html的font-size.代码因为项目引入原创 2016-04-22 16:59:39 · 9662 阅读 · 1 评论 -
jQuery 查找on事件绑定元素的被绑定元素方法
jQuery 查找on绑定元素的被绑定元素方法遇到的问题今天写了一个JQ插件,结果里面有一点问题.让我很郁闷.问题演示代码如下$box.on('click', 'img', function(){ $(this)});如上代码,当我点击这个图片的时候 $(this) 是指 img . 当然这是正确的.而我需要找到 $box 也就是 img 的父级.如果不是插件的话,我当然可以根据它的ID或原创 2016-05-20 15:44:41 · 4113 阅读 · 0 评论 -
jquery fullpage 插件增加头部和版权的方法
jquery fullpage 插件增加头部和版权的方法前言一个页面，我们通过 jquery-fullpage 插件来制作，整个是全屏滚动的。但是，我们希望在最后一页增加一个版权，大概只有 100px 高，而不需要一个全屏来放版权。怎么做呢？搜索了一下，说了各种方法。什么修改源码啦之类的，或者自己写代码判断啦。晕死。其实，官方给出了解决方案。下面，我们简单的说下是怎么实现的实现其实只需要 html原创 2017-02-21 18:26:36 · 4070 阅读 · 1 评论 -
jquery.touchSwipe.min.js 的简单用法
要做一个手机端h5的DEMO。其中一个效果不能用点击来实现，要求必须使用触摸滑动切换来实现。对于zepot.js来说，我不是很熟悉，其功能也远远没有jQuery来得强大。因此，决定使用jq实现。问题是，jq是没有这个事件的。于是，百度之。找到jquery.touchSwipe.min.js这个插件。官方文档全部中文，实在看不懂。看示例吧，也没看懂。我嘞个去，对不起当年的英语老师啊，恨不能回炉再造啊！原创 2015-10-19 17:23:48 · 11618 阅读 · 0 评论 -
jQuery 制作美化版的 select 下拉选框
jQuery 制作美化版的 select 下拉选框前言在web前端工作中，总有一些东西是你搞不定的，比如 select 。原生的这玩意儿难看咱就不说了，关键是，在各个浏览器里面的表现形式那是千差万别啊。所以，我们在日常的工作中，总是尝试去美化它。我烦了。所以，我决定写一段js来彻底解决这个问题。思路用 input 文本框来传值。禁止其输入功能。用 ul li 来模拟下拉菜单。用 data 来原创 2015-11-04 17:39:13 · 1997 阅读 · 1 评论 -
构建一个简单的jquery定时器，方便随时拿来使用。
在很多场景下面，我们需要一些东西循环使用，或者延时使用。因此，需要一个定时器。如何方便简单的来实现呢？我自己写了一段代码。 $(function(){ var ProBox = $("#leo_prompt"); // 构建一个要执行的函数 function Hide(){ ProBox.children('span').原创 2015-09-01 10:46:50 · 4932 阅读 · 0 评论 -
jQury animate操作 background-position 方法
今天遇到一个奇怪的问题，在使用jQury animate操作background-position的时候，怎么都不成功，在换成了css方法之后就成功了。问题是，css方法是没有动画效果的。经过百度搜索了一番，语焉不详。CSDN上找到一篇文章：http://blog.csdn.net/goodshot/article/details/8648706，其中说到，animate操作的CSS参数是包括bac原创 2015-09-08 13:07:43 · 4523 阅读 · 0 评论 -
写好jquery的良好习惯
在前端工作中，我们需要写很多的javascript代码。我本人对JS一窍不通。因此，在逐渐的学习jquery。这还是比较简单的，可以完成我日常工作中的大多数需求。 但是在学习中，要保持良好的习惯。我的个人总结如下：善用变量，尤其是对DOM结构中的ID以及CLASS多写注释，自己不熟，前面写后面忘，所以要多谢注释善用函数，对重复运用的代码写成函数，多处调用多写分号，很多分号可以省略，但还是写原创 2015-09-02 09:49:05 · 1009 阅读 · 0 评论 -
FengFocus 焦点图插件（昨天写了博客，今天封装了）
FengFocus 使用说明FengFocus Demo查看 FengFocus Demo为什么要写 FengFocus ？自从开始学习 jQuery 我就深深的被它给吸引了。虽然年岁有点大了。但是止不住想要学习的冲动。根据我个人的学习经验，我认为实战是唯一提升自己的途径。所以我自己写了一些 jQuery 插件。去年自己写的第一个焦点图插件，命名为 FengFocus 1.原创 2015-09-04 13:10:43 · 1850 阅读 · 0 评论 -
自己写的一个JQUERY焦点图
以前写了一个JQUERY焦点图插件。但是过于冗长，其逻辑非常费解。今天心血来潮，决定重新写一下。暂时还没有封装成插件。回头抽时间封装成插件。我的焦点图要实现的功能如下：HTML结构异常简单所有样式在CSS中实现，而不是在JS中实现，便于修改样式。实现自动轮播（废话）有标题，有导读有方向控制，向左滚动，向右滚动之前写的当然都满足我的这些要求。但是不够简练。今天写的，我自己感觉好多了。首先，原创 2015-09-04 00:18:42 · 1265 阅读 · 0 评论 -
一个jQuery插件框架示例 by FungLeo
当我们写了一段有价值的 jQuery 代码的时候，是很希望能够封装成一个 jQuery 插件的。但是如何做呢？其实我也不甚明了。只是很早的时候朋友帮忙写了一个 jQuery 插件框架，然后我就不断套用了。今天拿出来与大家分享。/******************************************************************* * @authors FengCms原创 2015-09-04 16:59:42 · 1556 阅读 · 0 评论 -
jQuery 中 attr 和 prop 的区别分析
jQuery 中 attr 和 prop 的区别分析转载原文在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单： 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使转载 2015-09-06 11:00:29 · 1176 阅读 · 1 评论 -
jQuery 选项卡插件 FengTab by FungLeo
好无聊啊，权当练手，写了一个选项卡插件Html 结构 <h2>Demo 1</h2> <div id="FengTab" class="FengTab"> <ul class="tab"> <li>Title 1</li> <li>Title 2</li> <li>Title 3</li>原创 2015-09-04 18:44:12 · 1982 阅读 · 0 评论 -
jQuery 中 三目运算 替代 if 判断 的简洁性
由于我对逻辑的不清晰，以及从来没有系统学过javascript ，所以在写jQuery的时候常常写得比较长。比如，对于判断来说，我经常的写法如下：if (i==0) { $(this).hide();};或者，我还会这么写：if (i==0) { $(this).hide();} else{ $(this).show();};当然，这么写不能算错。但是使用三目运算来原创 2015-09-06 10:14:49 · 20567 阅读 · 1 评论 -
jQuery 实现 九九乘法表
突然看到了这么一道题。我想试试。HTML 结构<h1>九九乘法表</h1><h2>Demo 1</h2><div id="Feng9" class="cfb"></div><h2>Demo 2</h2><div id="Feng92" class="cfb"></div><h2>Demo 3</h2><div id="Feng93" class="cfb"><ul></ul></div>原创 2015-09-06 16:54:18 · 5027 阅读 · 0 评论 -
自己用jQuery写一个瀑布流
自己用jQuery写一个瀑布流前言这个月一直在忙工作。一直没有机会学习新的知识。前两天，突然想写一个瀑布流代码。倒不是找不到瀑布流代码。而是我想自己练练脑子。 首先，先考虑思路。所有的图片，全部采用相对父目录定位的方式。然后用jQuery来找出它应该排在什么位置。最终，达成瀑布流的效果。 想再多没用。开干。原创 2015-10-16 15:43:31 · 4014 阅读 · 0 评论 -
jQuery 实现瀑布流 个人完美版
前面已经通过这种方式实现过瀑布流了。看到慕课网上有一个类似的视频教程，就仔细看了一下。就大体实现思路来说，基本是没差的。但是就实现方法来说，慕课网上的教程（http://www.imooc.com/learn/101）我感觉还是繁琐冗余了。尤其是javascript原生实现方法。 但其jquery方法，我还是学到一点的。就是如何查找数值在数组中的索引。html+css结构查看：http://blo原创 2015-10-19 11:16:37 · 2829 阅读 · 0 评论 -
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十四）在项目中使用 jQuery
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十四）在项目中使用 jQuery前情回顾在上一篇博文中，我们讲到了，如何在 vue 项目中 使用百度的 UEditor 富文本编辑器，详情点击《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十三）集成 UEditor 百度富文本编辑器》。相信大家对引用这种非 npm 的包原创 2017-09-07 11:32:37 · 9833 阅读 · 35 评论