jquery | 夏日博客

jquery中多个$(document).ready()的执行顺序

jquery中多个$(document).ready()的执行顺序问题我相信大家肯定都是认为从文章的开始到结束从上到下执行了，那么是不是这样的呢，我们一起来看看。最近做插件遇到的问题,记录如下,本文以实例形式说明了多个$(document).ready()的执行顺序问题,由实例可以看出多个$(document).ready()的执行顺序并非单纯的顺序执行,其与嵌套层级也有一定的关系,具体实例代码: <html> <head>&nbs...

2016年01月12日前端设计暂无评论喜欢 1 阅读 0 views 次阅读全文

基于jquery超酷的照片墙展示效果

照片墙效果我们相信各位在一些网站会看到得，像大一点的社交网站就会有照片墙的功能了，下面我们来看一外基于jquery超酷的照片墙展示效果的实现例子，具体如下。这是一个超酷的照片墙展示效果，很多照片结合淡入淡出、旋转、缩放、倾斜及3D效果，照片快速从左侧切入，做旋转3D效果，最后在照片墙上整齐排列，为用户展示了超酷的照片墙展示效果。本文结合实例给大家分享超酷的照片墙效果，该效果依赖jQuer...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

基于jQuery复制表单元素的例子

jQuery复制表单元素这种做法在开发应用中用到的不是很多了，但也会有需要了，这里我们为各位整理一个关于基于jQuery复制表单元素的例子我们在提交表单时，有时会遇到需要重复添加多个相同表单元素，如订单信息中需要添加多个不同型号的产品、表单数据中新增字段信息等。这个时候我们可以在表单中直接放置一个“新增一项”或“复制”按钮，通过点击按钮即可实现复制表单元素。本文我们通过实例介绍一款简单的...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery prop设置checkbox全选、反选的例子

本文章来为各位举了两个关于jQuery prop设置checkbox全选、反选的例子，希望这两个例子能够为大家带来有效的帮助。大家都知道 jQuery 可通过 attr 方法来设置 dom 属性，自然的也就想到用 $(dom).attr('checked', 'checked'); 这种方法来选择 checkbox 了，但是最近在项目中使用 checkbox 全选、反选的时候，却出现了问题:在使用 attr 方法设置选择后，点击第一次可以设置反选，第二次却不行了。 $(fun...

2016年01月12日前端设计暂无评论喜欢 1 阅读 0 views 次阅读全文

jquery实现点击弹出带标题栏的弹出层效果代码

弹出层在现代的开发中用到非常的多特别是在手机网站开发时我们都会用到弹出层效果了，下面来看一篇jquery,弹出带标题栏的弹出层效果例子。这是一款jquery实现的弹出层，点击文字后从网页右上角飞入，也可以说是滑入，此类弹出框带有关闭按钮，可自定义标题栏和弹出框内容，风格自己可定义，代码简洁，基于jquery实现,实现代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML&n...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery实现的折叠菜单效果代码

折叠菜单效果我们在企业网站或分类中会常用到了，下面小编为各位整理了一个jQuery实现的折叠菜单效果代码供各位参考使用。这是一款jQuery采用连缀写法实现的折叠菜单效果,代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery+HTML5瀑布流布局例子

瀑布流在图片网站应用到最多了就是拖动就可以实现瀑布流的功能了，下面我们一起来看一个jQuery+HTML5瀑布流布局例子，希望此例子能够对各位朋友带来帮助。这是一款JavaScript与HTML5实现美女瀑布流布局，本方法是把图片的路径写在了JS的数组里，不过重点好像不是在这里，而是在图片如何自动排列的问题，你可以运行本实例后，点击“加载瀑布流布局”按钮，即可看到图片的瀑布流排列效果，现在很流行这个，希...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

基于jQuery　Bar Indicato的进度条展示特效代码

进度条效果通常使用js实现不过现在的jquery插件越做越强大了，我们找到一款基于jQuery　Bar Indicato插件可以直接制作成进度条了，下面来看看。 Bar Indicator是一款基于jQuery的进度条数据展示插件，它可应用于数据统计展示、投票统计以及任务进度等诸多场景中。它使用简单、选项丰富，几乎可以满足用户所有基于进度条的WEB设计需求，本文将结合实例给大家讲解Bar Indicator的使用。首先加载jQuery和Bar ...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery中append $(this) 使用问题解决方案

append() 方法在被选元素的结尾（仍然在内部）插入指定内容,提示：append() 和 appendTo() 方法执行的任务相同。不同之处在于：内容的位置和选择器。但我们append $(this)估计很少用到吧，下面来看使用时的一些问题。 js 代码 <script type="text/<a href="/js_a/js.html" target="_blank">javascript</a>"> $(document).ready(functi...

2016年01月12日前端设计暂无评论喜欢 1 阅读 0 views 次阅读全文

jquery attr方法获取input的checked属性问题

本文章来为各位介绍一篇关于jquery attr方法获取input的checked属性问题总结，希望本文章能够帮助到各位朋友。问题:经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别： 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase <input type="<a href="/tags.php/che...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery+PHP+Mysql在线拍照和在线浏览照片

在线拍照通常是通过flash插件来实现了，今天我看到有一篇基本jQuery+PHP+Mysql在线拍照和在线浏览照片的例子，下面我们一起来看看，希望例子对各位有帮助。本文用示例讲述了如何使用jQuery与PHP及Mysql结合，实现WEB版在线拍照、上传、显示浏览的功能，ajax交互技术贯穿本文始末，所以本文的读者要求具备相当熟悉jQuery及其插件使用和javscript相关知识，具备PHP和Mysql相关知识。本文示例建立在本站hell...

2016年01月12日前端设计暂无评论喜欢 2 阅读 0 views 次阅读全文

Jquery 判断浏览器类型的例子

如果我们要判断浏览器类型是可以通过navigator.userAgent命令来获得里面的头部信息的，下面来看一个例子，具体如下: $(document).ready(function() { var explorer =navigator.userAgent ; //ie if (explorer.indexOf("MSIE") >= 0) ...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery中empty与html(”)的区别对比

在jquery中empty与html('')的区别许多的朋友估计不是非常的清除了，下文我们给各位empty与html('')的区别级例子，希望下文能够对各位有所帮助，具体如下。 html() 返回值:String 概述: 取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 empty() 返回值:jQuery 概述: 删除匹配的元素集合中所有的子节点。 html() 方法如果未设置参数，则返回被选元素的当前内容。 html("") 则...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

Jquery+css实现滚动条定位效果

滚动条定位效果其实就是指定的内容定位在指定的范围之内了，这种效果我们可以通过css与javascript来实现了，下面一起来看一个Jquery+css实现滚动条定位效果制作的全过程，具体如下,这是在P项目碰到的一个功能实现，我姑且把它称为滚动条定位。假设有一个这样的列表组件U，当我点击item7时,U会产生scrollTop值,同时U会被重新渲染。当我刷新页面时或者点击item5，scrollTop会自动变为0(点击item或刷新页面,U...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery弹出对话框背景遮罩例子

遮罩效果在许多的一些图片预览或注册弹出对话框中都会碰到过了,下面我们一起来看这个jquery弹出对话框背景遮罩例子,希望例子能够对各位带来帮助,首先定义一个背景黑色，透明度低的div,当点击的时候弹出需要显示的对话框,并显示遮罩层,关闭对话框,遮罩层隐藏,要注意的是对话框的z-index的值要比遮罩层大. .mask{ position: absolute; ...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery仿苹果手机IOS开关效果

现在手机流行的对功能的一个开关操作了，我们在网页前段也来为各位介绍一下关于开关效果在html中的实现方法，具体如下,首先定义一个外层div，里面的设置一个span作为按钮可以点击，当点击它的时候，使用动画让它向右滑动，在滑动的同时，可以更改一些其他属性，达到更好的效果. <div class="switch-btn"> <span class="kx-img switch-img-...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery验证手机号码及格式化的例子

验证手机号码不管是用js还是jquery其实操作起来都是非常的简单的了，那么如果还需要格式化要如何做到呢，这里小编来为各位介绍一篇验证手机号码jquery代码。我们常用的验证手机号码的js --jquery手机号验证 //<a href="/tags.php/%CA%D6%BB%FA%D1%E9%D6%A4/" target="_blank">手机验证</a> function isMobil(s) &n...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery实现模仿淘宝购物车结算两个例子

购物车在最初的用法就是一个页面了而到了现在的淘宝网它的购物车非常的人性化并且好用了，下面我们来看jquery实现模仿淘宝购物车结算两个例子，希望对各位有帮助。这篇文章里，将会提到购物车里的所有功能。包括全选、单选金额改变。在增加数量时金额也会相应改变。说下大致的思路吧: 1、首先是计算一行的价格。这个功能在上篇博客里有提到，这里就不列举出来了。 2、遍历选中的几行，将每行的数值相加。...

2016年01月12日前端设计暂无评论喜欢 7 阅读 0 views 次阅读全文

jquery/js ajax 跨域4种方法

ajax跨域对于现在的web开发来讲用到非常的多同时现在关于ajax跨域的实现方法也不少了，下文来为各位整理4种ajax跨域实现方法,关于ajax跨域问题,今天整理了一下,其实还有其他办法了,个人推荐以下4种,请参考:ajax 跨域实例. 一，传统的ajax方法 1，js代码 $("#ajax").click(function(){ $.ajax({ type: "POST", ...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jQuery DOM操作总结教程

本文我们总结了jQuery操作DOM的事件，及jQuery针对DOM插入操作的方法，这些都是jQuery高级技巧，学习jQuery可以掌握。页面加载之DOMReady事件: 所谓domReady,也就是文档就绪，我们都知道，在操作dom时必须要在dom树加载完成后才能进行操作。如何检测DOM树已经构建完成，以下是一些实现的方式： 1.使用jQuery： // with jQuery $(document).ready(function(){ /* ...&n...

2016年01月12日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文