分享五个有用的jquery小技巧
下文里技巧实现的效果虽然并不新鲜，但通过jQuery的封装，HTML实现了很大的清洁。清爽简洁又高效的代码任何时候都是开发者所醉心追求的终极目标，也许它简单，但是它能量巨大。一起来看看小编推荐给大家的五个非常实用的jQuery技巧。1.禁用鼠标右键$(document).ready(function() { $(document).bind("contextme...
2024-01-10jquery小火箭返回顶部代码分享
这是一款基于jquery小火箭返回顶部特效源码，解决了页面太长造成的用户返回页面顶端困难。为大家分享的jquery小火箭返回顶部代码如下<head><title>jquery小火箭返回顶部代码</title> <link href="css/top.css" rel="stylesheet" type="text/css"/></head><body style="text-align:center; height:1000px;"></head><a id="returnTop" href="javasc...
2024-01-10jquery动感漂浮导航菜单代码分享
这是一款基于jquery实现动感漂浮导航菜单的特效代码，菜单可以上下浮动，动感十足，为自己的网站增加了活力，是一款非常实用的导航菜单特效源码。运行效果图：点击：下载源码为大家分享的jquery动感漂浮导航菜单代码如下<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery Fl...
2024-01-10jquery实现多条件筛选特效代码分享
本文实例讲述了jquery实现多条件筛选特效。分享给大家供大家参考。具体如下：jquery实现的多条件搜索表单带日期选择表格表单效果源码，是一段实现了多个条件筛选搜索的特效代码，多条件拥有时间、地点、酒店位置及酒店名称等选项，同时在时间的输入表格中拥有时间选择功能，是一款非常实用...
2024-01-10jqueryUI tab标签页代码分享
本文实例为大家分享了jqueryUI tab标签页的具体代码，供大家参考，具体内容如下var temp=1; var arr=["我的首页"]; //×号点击关闭li $("#tabs").delegate( ".ui-icon-close", "click", function() { var panelId = $( this ).closest( "li" ).remove().attr( "aria-controls" ); var val= $( this ).closest( "li"...
2024-01-10jQuery表单事件实例代码分享
本文实例为大家分享了jQuery表单事件代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单事件</title></head><style type="text/css" rel="stylesheet"> .input_focus{ background-color: #BEE7FC; } </style><script type="text/javascript" src=...
2024-01-10Jquery异步提交表单代码分享
功能很实用代码也很简单，就不多废话了，直接奉上：$.ajax({ url:"mobileSurveyAction_addSurvey.action",//提交地址 data:$("#form1").serialize(),//将表单数据序列化 type:"POST", dataType:"json", success:function(result){ if (result.success == '100'){ ...
2024-01-10jQuery实现伪分页的方法分享
本文实例讲述了jQuery实现伪分页的方法。分享给大家供大家参考，具体如下：可以对表格数据进行伪分页，而且只需要执行简单的代码就可以实现。实现的很简单、样式也不太好看，大家可以自行调整，纠正。下面是一个table,tbody里加载tr数据，无论你怎么加载，在数据加载完成后便可以对table数据...
2024-01-10jquery实现图片水平滚动效果代码分享
本文实例讲述了jquery实现图片水平滚动效果，分享给大家供大家参考。具体如下：运行效果图：-------------------查看效果-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的jquery实现图片水平滚动效果代码如下<HEAD><META content="text/html; charset=gb2312" http-equiv="Conte...
2024-01-10jQuery中事件与动画的总结分享
1.加载DOM1.1.window事件window.onload=function(){}.... 时机：其他资源都加载完毕后，再执行$(function(){}) ……：只是等待标签完毕，即可执行区别：前者在HTML页面中只能解析最后一个,二后者是N个window.onload() = function () { } $(function () { $("li").bind("click", function () { $(this).css("background",...
2024-01-10分享两款带遮罩的jQuery弹出框
第一款：页面遮罩弹出框是最常见的一种状况，用jQuery完成页面遮罩弹出框，主要用的技能有JQuery，css与html。 html代码下列： <div id="main"><a href="javascript:showBg();">点击这里查看效果</a> <div id="fullbg"></div> <div id="dialog"> <p class="close"><a href="#" onclick="closeBg();">封闭</a></p> <div>正在加载，请稍后....</div...
2024-01-10jQuery性能优化技巧分析
本文较为详细分析了jQuery性能优化技巧。分享给大家供大家参考。具体分析如下：一、使用最新版本的jQuery类库jQuery新版本会较上个版本进行Bug修复和一些优化，不过需要注意的是，在更换版本之后，不要忘记测试你的代码，毕竟有时候不是完全向后兼容的。二、使用合适的选择器jQuery选择器性能...
2024-01-10jQuery图片轮播滚动切换代码分享
本文实例讲述了jQuery图片轮播滚动切换特效。分享给大家供大家参考，具体如下：jQuery图片轮播滚动切换代码是一款简单的jquery四张图片轮播滚动切换效果代码，实现过程很简单。运行效果图：-------------------查看效果 下载源码-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览...
2024-01-10jQuery实现图片轮播特效代码分享
本文实例讲述了jQuery超精致图片轮播幻灯片特效。分享给大家供大家参考。具体如下：jquery图片轮播插件PgwSlider是一款非常简单的jquery插件，它可以帮你快速创建一个垂直轮播图。运行效果图： 小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。（1）在head区域引入CSS样式：<link href="...
2024-01-10使用jQuery实现星级评分代码分享
前面有一篇原生js实现星级评分 。可能覆盖面不是很广，现在给出一个jquery实现的星级评分。<div class="star"> <span>jQuery星级评论打分</span> <ul> <li><a href="javascript:;">1</a></li> <li><a href="javascript:;">2</a></li> <li><a href="javascript:;">3</a></li> <li><a href="javascript:;">4</a></li> ...
2024-01-10jQuery实现的分页功能示例
本文实例讲述了jQuery实现的分页功能。分享给大家供大家参考，具体如下：1、分页栏HTML码<div class="g-cf g-pagerwp"> <div style="visibility:hidden" class="g-pager"> </div></div>2、CSS样式文件.g-cf:after {clear: both;content: "";display: table;}.g-cf {zoom:1;}/*分页*/.g-pager{ text-align:center; color:...
2024-01-10jQuery UI实现动画效果代码分享
页面文档载入后，为第一张图片添加class属性值为img1，为第二张图片添加class属性值img2，为第三张图片添加class属性img3，为第四张图片添加class属性值img4，这会使得每张图片的下半部分被上一张更大的图片给覆盖住。当鼠标单击暴露在最上面的图片时，该图片在0.6秒内从原本大小放大150%，并逐渐减小...
2024-01-10jQuery检测某个元素是否存在代码分享
代码中可能有这样的情况，根据元素是否存在来执行不同的操作，这样就需要判断指定的元素是否存在。使用$(selector)可以获得匹配元素集合，而匹配元素集合的length属性可以获得集合中匹配元素的个数，所以只要判断length属性值是否为零，就可以判断元素是否存在。代码实例如下:<!DOCTYPE html><html>...
2024-01-10jquery+html5烂漫爱心表白动画代码分享
本文实例讲述了jquery+html5烂漫爱心表白动画代码。分享给大家供大家参考。具体如下：jquery+html5烂漫爱心表白动画是一款jquery html5 canvas电子版的烂漫爱心表白动画，效果相当不错，非常有创意，很适合进行表白。运行效果图：----------------------查看效果 下载源码-----------------------小提示：浏览器中如...
2024-01-10jQuery将值分配给JSP变量
我是Jquery的新手，正在使用Jquery在下拉字段中填充值。从下拉列表中选择一个值后，我将值分配给一个隐藏字段。onSelect: function(index,row){ var val = row.value; alert('val '+val ); $("#hid").val(val ); }如何将值分配给JSP变量，或者如果我使用该值，是否request.getParameter("hid");需要再次...
2024-01-10分享一个自己动手写的jQuery分页插件
工作需要一个JS分页插件，心想自己动手写一个吧，一来上网找一个不清楚代码结构的，出了问题难以解决，而且网上的插件所包含的功能太多，有些根本用不到，就没必要加载那段JS，二来想起没写过jQuery插件，就当练一下手了，好了，先看结果：http://demo.jb51.net/js/2014/EasyPage/ 简单说一下这个插件...
2024-01-10jQuery三级下拉列表导航菜单代码分享
本文实例讲述了jQuery三级下拉列表导航菜单，分享给大家供大家参考，具体如下jQuery三级下拉列表导航菜单基于jquery-1.8.3.min.js，可无限极分类，可智能判断是否有下级菜单，鼠标经过上次菜单显示下级菜单。运行效果图： -------------------查看效果-------------------小提示：浏览器中如...
2024-01-10jQuery焦点图轮播特效代码分享（3款）
本文实例讲述了jQuery焦点图轮播特效代码。分享给大家供大家参考。具体如下：jQuery cxSlide实现的三款多功能大气焦点图轮播特效源码，是一段拥有三种不同风格和效果的焦点图轮播代码，其中有两款最有意思，一款是在将焦点图图片分成了四块，每个图片都连接到不同的地址，并且还拥有鼠标悬浮内...
2024-01-10jQuery地图map悬停显示省市代码分享
这是一款基于jQuery实现地图map悬停显示省市代码，这样一个神奇的地图便于我们更好地了解中国，增加自己的地理知识。下面是效果图是不是很棒。效果演示 源码下载为大家分享的jQuery地图map悬停显示省市代码如下<head><meta charset="utf-8"><title>jQuery地图map悬停显示省市代码</title><script src="js/lib/jquer...
2024-01-10jQuery对象的链式操作用法分析
本文实例讲述了jQuery对象的链式操作用法。分享给大家供大家参考，具体如下：jQuery对象的链式操作首先来看一个例子：$("#myphoto").css("border","solid 2px#FF0000").attr("alt"," good");对一个jQuery对象先调用了css()函数修改样式，然后使用attr()函数修改属性，这种调用方式象链一样，所以称为"链式操作"。链式...
2024-01-10
