一些实用的 jQuery 技巧

【一些实用的 jQuery 技巧】的更多相关文章

一些实用的 jQuery 技巧

jQuery如今已经成为Web开发中最流行的JavaScript库,通过jQuery和大量的插件,你可以轻松实现各种绚丽的效果. 本文将为你介绍一些实用的技巧,希望可以帮助你更加高效地使用jQuery. Tip 1:使用最新版本 jQuery每一个新版本都会包含一些性能优化和bug修复,为了便于升级,你可以使用Google CDN服务托管的jQuery库.有以下两种方式: 包含特定版本 <script src="http://ajax.googleapis.com/ajax/libs/jq…

实用的jQuery技巧

1.回到顶部按钮利用jQuery里的animate和scrollTop方法,你便不需要使用插件创建简单的滚动到顶部动画. // Back to top $('.top').click(function (e) { e.preventDefault(); $('html, body').animate({scrollTop: 0}, 800); });  <a class="top" href="#…

25个实用的jQuery技巧和解决方案

1. 去除页面的右键菜单 $(document).ready(function(){ $(document).bind(“contextmenu”,function(e){returnfalse;});}); 2.搜索输入框文字的消失当鼠标获得焦点.失去焦点的时候,input输入框文字处理: $(document).ready(function(){ $(“input.text1″).val(“Enter your search text here”); textFill($(‘input.t…

25个实用的jquery技巧

1. 去除页面的右键菜单 $(document).ready(function(){ $(document).bind(“contextmenu”,function(e){returnfalse;});}); 2.搜索输入框文字的消失当鼠标获得焦点.失去焦点的时候,input输入框文字处理: $(document).ready(function(){ $(“input.text1″).val(“Enter your search text here”); textFill($(‘i…

jquery技巧总结

jquery技巧总结一.简介 1.1.概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype.YUI.jQuery.mootools.Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度.jQuery是继prototype之后的又一个优秀的Javascript框架.它是由 John Resig 于…

风云流水 jQuery技巧总结（转）

jQuery技巧总结 (转) 一.简介 1.1.概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype.YUI.jQuery.mootools.Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度. jQuery是继prototype之后的又一个优秀的Javascript框架.它是由 John…

2016年6月份那些最实用的 jQuery 插件专辑

jQuery 是一个快速.流行的 JavaScript 库,jQuery 用于文档处理.事件处理.动画和 Ajax 交互非常简单,学习曲线也很平坦.2016年6月的 jQuery 插件专辑里,我们选择一些最好的和有用的 jQuery 插件分享给大家. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计让网站动起来!12款优秀的 jQuery 动画插件 8个前沿 HTML5 &…

bootstrap-简洁实用的jQuery手风琴插件

前端 <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-s…

一款很实用的jQuery鼠标悬浮有动画效果的响应式瀑布流插件

一款很实用的jQuery鼠标悬浮有动画效果的响应式瀑布流插件在线预览下载地址实例代码 <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name…

经验分享：10个简单实用的 jQuery 代码片段

尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库.今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段. 您可能感兴趣的相关文章精心挑选12款优秀 jQuery Ajax 分页插件分享60款绚丽的 jQuery 幻灯片插件下载分享8款效果精美的 jQuery 加载进度条插件期待已久的2012年度最佳 jQuery 插件揭晓精心挑选的优秀 JavaScript 日历和时间插件平滑滚动到锚点这个功能很常见,在…

精选29款非常实用的jQuery应用插件

今天我们来分享一些实用的jQuery应用插件,没有特别花哨,但都比较实用,jQuery菜单.jQuery图片都有涉及到,一起来看看. 1.jQuery+CSS3仿IOS无线局域网Wifi DEMO演示 / 源码下载 2.CSS3图片鼠标悬停放大动画 DEMO演示 / 源码下载 3.jquery照片拖动删除排序 DEMO演示 / 源码下载 4.仿安卓手机拨号界面按键特效 DEMO演示 / 源码下载 5.jQuery图片自动播放焦点广告 DEMO演示 …

分享7款非常实用的jQuery/CSS3插件演示和源码

上次我们分享了15款效果很酷的最新jQuery/CSS3特效,非常不错,今天要分享7个非常实用的jQuery/CSS3插件演示和源码,一起来看看. 1.jQuery ajax点击地图显示商家网点分布 DEMO演示 / 源码下载 2.纯CSS3实现的3D小盒子动画可自定义旋转角度 DEMO演示 / 源码下载 3.jquery仿微信聊天对话窗口愚人节福利啊 DEMO演示 / 源码下载 4.HTML5 Canvas图表应用RGraph 图表功能非常强大前几天我…

19款绚丽实用的jQuery/CSS3侧边栏菜单

jQuery作为一款主流的JavaScript前端开发框架,深受广告开发者的亲睐,同时jQuery有着不计其数的插件,特别是菜单插件更为丰富,本文将要为大家介绍20个绚丽而实用的jQuery侧边栏菜单,这些侧边栏菜单可以用在不同风格的网页上,如果你觉得不错,也可以进入其下载页面下载菜单源代码. 1.jQuery 3D 垂直多级菜单可筛选菜单项这是一款手风琴样式的垂直多级菜单,其特点是利用CSS3特性让菜单外观显得3D立体的效果,同时你也可以在搜索框中输入关键字来筛选菜单项. 在线演示源码下…

50个实用的jQuery代码段让你成为更好的Web前端工程师

本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助.其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成.1.如何创建嵌套的过滤器: //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分.在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为“selected”(.selected)的子节点. .filter(":not(…

10个简单实用的 jQuery 代码片段

尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库. 今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段. 1.平滑滚动到锚点 // HTML: // <h1 id="anchor">Lorem Ipsum</h1> // <p><a href="#anchor" class="topLink">Back to Top&l…

精美实用的jQuery插件精选

jQuery的确是一款相当强大的Javascript框架,同时jQuery的插件就多入牛毛,如果你善于收集,那么你在写前端页面的时候肯定会更加方便.本文精选了一些精美实用的jQuery插件供大家参考. 1.jQuery自定义下拉框选择列表 5款炫酷样式这是一款基于jQuery的自定义下拉框选择列表插件,利用这款jQuery插件我们可以非常方便的让浏览器默认的select下拉框变的非常华丽,并且同时拥有select下拉框原有的功能.这款jQuery下拉框插件利用了CSS3技术,提供了5款不同的炫…

实用的Jquery选项卡TAB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

近20个绚丽实用的jQuery/CSS3侧边栏菜单（转载）

http://developer.51cto.com/art/201510/493530.htm 近20个绚丽实用的jQuery/CSS3侧边栏菜单 jQuery作为一款主流的JavaScript前端开发框架,深受广告开发者的亲睐,同时jQuery有着不计其数的插件,特别是菜单插件更为丰富,本文将要为大家介绍20个绚丽而实用的jQuery侧边栏菜单,这些侧边栏菜单可以用在不同风格的网页上,如果你觉得不错,也可以进入其下载页面下载菜单源代码. 作者:佚名来源:码农网|2015-10-10 14…

超酷实用的jQuery焦点图赏析及源码

焦点图应用在现代网页中使用十分广泛,有注重简单小巧的,也有注重华丽美观的,大部分jQuery焦点图都可以滑动和切换图片,并且在切换图片时产生不同的动画特效.今天我们要分享一些超酷而且实用的jQuery焦点图插件,并分享它们的源代码. 1.jQuery多动画切换焦点图之前我们已经分享过很多超酷的jQuery焦点图插件了,而且也都相当实用.今天我们要再来介绍一款可实现多种切换动画的jQuery焦点图,这款焦点图整体非常简单,左右两侧各有一个上一张和下一张的切换按钮.每张图片在切换时也都有各不相同的…

【转】25个非常实用的jQuery/CSS3应用组件

今天分享25款功能十分强大的jQuery/CSS3应用插件,欢迎收藏. 1.jQuery水晶样式下拉导航这是一款非常不错的jQuery多功能下拉菜单插件,菜单外观呈水晶样式,晶莹剔透,功能丰富,包含多级菜单.自定义内容菜单.表单菜单,是一款不可多得的jQuery菜单导航插件. 在线演示 / 源码下载 2.CSS3堆栈式图片切换动画插件这是一款非常炫的CSS3图片切换动画效果,动画效果非常丰富,折叠式.淡入淡出式.旋转式等,让你的图片颇具特色,大大提高用户体验. 在线演示 /…

[转]8款实用的jQuery/CSS3最新插件应用

今天给大家分享8款非常酷的最新jQuery/CSS3应用插件,废话少说,下面一起来看看这些插件吧. 1.HTML5重力感应积木游戏这也是一款基于HTML5技术的重力感应游戏,一些积木从天而降,你可以拖动鼠标甩动这些积木,积木在重力的作用下纷纷落下,并且互相碰撞. 在线演示 / 源码下载 2.Apple样式jQuery横向动画图标菜单这是一款基于jQuery的横向动画菜单,菜单的样式是仿苹果官网的菜单样式,菜单的图标动画很酷. 在线演示 / 源码下载 3.Javascript实现的WEB斯诺克…

绝对震撼 10个实用的jQuery/HTML5插件

在HTML5的世界里,我们见证了无数的特效奇迹,但很多特效我们很难在网页中应用,今天我们要分享10款效果震撼但是又比较实用的jQuery/HTML5插件,希望这些项目在应用的过程中也能给你带来设计灵感. 1.CSS3响应式面包屑菜单菜单简洁大气之前我们分享过两款CSS3面包屑菜单,纯CSS3圆形面包屑菜单和CSS3扁平化面包屑菜单导航,效果都还不错.今天我们再分享一款响应式面包屑菜单,这款CSS3菜单外观设计非常简洁但又十分大气,我们可以在分步注册页面或者活动引导页面使用这款CSS3面包屑菜…

30个实用的jQuery选项卡/导航教程推荐

很多网站设计中都使用了选项卡(tabs),在制作选项卡时应用jQuery能够实现很多炫酷的过渡和动画效果.本文为你介绍30个实用的jQuery选项卡教程,希望对你有帮助. 1. Animated Tabbed Content With jQuery 选项卡被现代网站普遍应用,但大多数形式呆板.本教程逐步为你讲授如何实现选项卡动画切换效果. 示例 2. Tab Navigation with Smooth Horizontal Sliding Using jQuery 本教程为你展示如何创建一个水…

25个非常实用的jQuery/CSS3应用组件

今天分享25款功能十分强大的jQuery/CSS3应用插件,欢迎收藏. 1.jQuery水晶样式下拉导航这是一款非常不错的jQuery多功能下拉菜单插件,菜单外观呈水晶样式,晶莹剔透,功能丰富,包含多级菜单.自定义内容菜单.表单菜单,是一款不可多得的jQuery菜单导航插件. 在线演示 / 源码下载 2.CSS3堆栈式图片切换动画插件这是一款非常炫的CSS3图片切换动画效果,动画效果非常丰富,折叠式.淡入淡出式.旋转式等,让你的图片颇具特色,大大提高用户体验. 在线演示 /…

100个实用的CSS技巧，以及遇见的问题和解决方案。

前言本篇文章将会持续更新,我会将我遇见的一些问题,和我看到的实用的CSS技巧记录下来,本篇文章会以图文混排的方式写下去.具体什么时候写完我也不清楚,反正我的目标是写100个. 本案例都是经本人实测,并附加全部案例下载地址.http://pan.baidu.com/s/1geUcAcF 1.背景图片清晰度不够,明明原图很清楚,但是在浏览器看不清楚. 解决方案 #login-main { width: 100%; height: 100%; background: url("../img/log…

一些实用的JQuery代码片段收集

本文将展示50个非常实用的JQuery代码片段,这些代码能够给你的JavaScript项目提供帮助.其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成.好好仔细看一遍,你肯定会有收获. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312): $.ajaxSetup({ ajaxSettings:{ contentType:"application/x-www-form-urlencoded;chartse…

几个实用的 jQuery 插件

1. owl.carousel -- 强大实用的jQuery幻灯片插件 2. jquery.nicescroll.min.js -- 自定义滚动条样式,支持 div,iframe,html 等. 3. template.js -- 提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对应数据产生的HTML片段,渲染不同的效果. 4. three.js -- 3D显示功能(H5 3d) 5. Switchery -- 组合式开关按钮 iOS7 样式 6. sockjs+stomp/G…