jquery动态加载有许多的方式并且也是非常的简单了，下文整理了一些关于jquery实现动态加载js文件的例子，希望这些动态加载js例子能够对各位有用。 一、jQuery getScript()方法加载javascript jQuery内置了一个方法可以加载单一的js文件；当加载完成后你可以在回调函数里执行后续操作。最基本的使用jQuery.getScript的方法是这样： jQuery.getScript("/path/to/myscript.js", function(data, s...

可视区域加载功能可以通过js判断高度来实现也可以使用jquery延时加载插件来实现了效果也是一样了，下面我们一起来看看这个例子如何实用。 javascript懒加载之可视区域加载 在制作js可视区域加载之前，我们首先必须了解各种高度，我之前的一篇文章javascript的height总结 jquery的各种高度 首先来说一说$(document)和$(window)，如下： $(document).height();//整个网页的高度 $(window).height();//浏览器...

鼠标滚轮或者手势滑动功能通常一个是在电脑中使用，另一个是在手机中使用了，下面我们就来看一篇jquery 使用鼠标滚轮或者手势滑动到页面节点部分的教程. 有时我们需要做一个单页面介绍产品特性，而单页面内容非常多且页面非常长，为了快速定位到产品特性节点，我们使用js侦听用户滚轮事件，当用户触发滚轮滑动或者使用手势触屏滑动时，即可定位到相应的节点。一款jQuery插件叫Scrollify帮我们做到了。 如何...

今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示，然后再给div添加一个事件了，下面我们来看这个例子的做法。 html <a  href="javascript:void(0);" id="click_ms" >   <img src="img/bbg_08.jpg" border="0" >   </a>   jquery事件 $('#click_ms').click(function(){   &nbs...

jquery动态增加表格行或者列方法非常的简单我们只要创建表input与表格行就可以实现了，具体的实现程序如下，我们一起来看看。 分享一下代码吧！html: <div class="table-responsive" id="Bk_table" style="display:none;">                       <table ...

js中checkbox,radio,select三种属性与input操作不一样，许多新手朋友对于checkbox,radio,select操作不是很了解用起来也不方便了，下面我们整理了jquery对checkbox,radio,select操作方法总结，希望例子能够帮助到各位。 jquery的checkbox，radio，和select是jquery操作的一个难点和重点，很多前端新手对其了解不是很透彻。时间久了不用，我在写的时候有时也难免对某些操作支支吾吾，记不清楚，现在，对其做...

在做手机网站时我们会碰到滚动在顶部时如果fix不为的话就会出现闪烁的问题，下面小编找了一篇针对此问题的解决方案。 问题描述: 头部是一个普通的div，高度是48,头部下面有个固定的banner，手下滑的时候，banner会固定在浏览器最顶部不动。出现的问题是，PC端是好的，手机浏览器向上滑动的时候出现闪动！影响用户体验。 之前的做法: if ($(window).scrollTop() < 48) { &nb...

本文章介绍是的利用一个问题来告诉我们实现在手机中网站的一个滚动效果，这个例子的重点就是手机网站表层div滑动，导致底层body滑动（touchmove的阻止），具体如下。 body很长，可以滑动，body头部有一个模拟下拉的选择框,下拉选择有滚动轴. enter image description here 我给body一个overflow：hidden和高度是没有用的。手机网站上背景还是可以滑动，然后我给body一个touchmove的preventdefault()阻止事...

在做返回顶部或底部时我们就需要通过判断来显示或隐藏相对应的菜单按钮了，下面我们就来看一些小编整理的判断页面滚动条(scroll)是上滚还是下滚，且是否滚动到头部或者底部的代码。 项目背景: webtouch（webapp）页面，防苹果手机safari浏览器，网上滑动，底部导航消失，滑动到底部又出现。向下滑动，底部导航出现。 遇到问题: 1、我一开始用swipeup和swipedown来做，发现因为有滚动条，不会触发。因此只能...

对于jquery中的$.proxy及wrap()方法小编几乎没有使用过了，我相信各位朋友和小编一样不太理解$.proxy及wrap()方法的用法吧，下面我们就一起来看看。 我今天主要说下jquery中$.proxy及wrap()的使用，因为这两个我用的比较少，今天在项目中应用了，所以拿出来说一下！ jquery中$.proxy jQuery.proxy( function, context ) function将要改变上下文语境的函数。 context函数的上下文语境(`this`)会被设置成这个...

fakeLoader.js 是轻量级的 jQuery 插件,帮助你创建动态的全屏加载掩饰微调效果,模拟页面预加载的效果，下面我们就一起来看一个fakeLoader.js创建页面加载动画例子。 HTML 我们只需要在的第一行加入以下代码。 <div id="fakeLoader"></div>   CSS 然后在里载入css样式文件。 <link rel="stylesheet" href="css/fakeLoader.css">   JS 别忘...

如果要放以前以我们打死页面都是直接使用js print方法来实现了，下面我整理了一款jquery页面打印插件PrintArea.js使用方法，希望例子能够帮助到各位朋友。 看到这个插件的名字，能猜得到它是干什么用的吗？ jquery.PrintArea.js是一款可以实现网页打印的插件，实用的方法非常简单。 下面就简单介绍一下它的使用方法。 1、保存jquery.PrintArea.js。 (function ($) {     ...

现在的网站购物车用到了php与jquery 动态与脚本相互结合进行操作了，这个用户体验会好许多了，下面我们一起来看一个例子。 今天在做购物车的页面，遇到结算的功能. 暂时先做了点击加减数量的时候,金额变化的功能,废话不多说,贴上代码: <div class="sc-mid-box">       <div class="sc-mid-list fl">       &nb...

提示框最简单的就是alert了，这种弹出现在还在应用但要讲究漂亮的话估计都使用插件去了，今天我们来看一个jquery 提示框插件SweetAlert使用教程。 SweetAlert可以替代Javascript原生的alert和confirm等函数呈现的弹出提示框，它将提示框进行了美化，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。 jquery 提示框插件SweetAlert的使用例子 准备工作: ...

zclip插件可以实现兼容所有浏览器把内容复制到剪切板中了，既然这么有用我们就一起来看看zclip插件的使用教程。 复制到剪切板的功能，在我们分享网址，邀请朋友的时候会用到，而针对IE浏览器我们有很好的办法，但随着用chrome浏览器的人越来越多，我们就需要写出兼容各大浏览器的代码，现在为大家介绍一个jquery的插件zclip，专门用来处理复制功能的，用法很简单。 html: <script src="js/jquer...

如果你使用了jquery我们有许多方法可以把表单变成对话或序列化了，下面一起来看一些关于jquery把form表单保存成对象传给接口的例子。 在模板式开发时，我们form表单可以直接提交到服务器相应的方法，服务器就可以进行处理，但在新的移动端，用的比较多的是以json数据格式的传输，和服务器端的接口交互，这样我们需要把传统的form表单元素组合成我们想要的对象，再传输给接口。 下面是个例子: <form&n...

next()如果说英文就是下一个的意思，在jquery中next()方法的作用也就差不多下一个节点或下一个对象了，下面我们来看看next()用法。 调用 next() 方法的 jQuery 对象可以分为两种，一是单一的对象，二是对象的集合，下面分开说明： jQuery 对象单一: 假设以下 HTML 代码： <div id="wrapper">       <ul class="nav">     &nbs...

jquery中bind事件是可以监控页面中的事件了，当执行我们绑定的事件时就可以去触发一些事件了，下面来看一个bind监控click实现隐藏遮罩层的例子。 为了更好的用户体验，在做下拉获取其他有弹出层的时候，当展开下拉时，要做到点击其他区域也能自动隐藏收起下拉和遮罩层，这样的效果用一段js就可以了。 bind()函数用于为每个匹配元素的一个或多个事件绑定事件处理函数。 语法: bind()函数主要有以下两种形式...

我们先看三个函数的名称height()、innerHeight()、outerHeight()，高度与内高与外高了，这个与css中的padding与margin有那么一点像了，下面一起来看看。 在jQuery中，获取元素高度的函数有3个，它们分别是height()、 innerHeight()、 outerHeight()。 与此相对应的是，获取元素宽度的函数也有3个，它们分别是width()、 innerWidth()、 outerWidth()。 在这里，我们以height()、innerHeight()、outerHeight(...