
JQuery
文章平均质量分 66
dxh_0829
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jquery常用选择器
基本选择器$("#my Div") 匹配唯一的id值为my的DIV元素$("div") 匹配所有的DIV元素$(".myClass") 匹配具有此class样式值的所有元素$("*") 匹配所有元素$("div,span,p.myClass") 联合所有匹配的选择器层叠选择器$("form input") 后代选择器,选择ancestor的所有子孙节点$("转载 2013-01-09 21:55:53 · 752 阅读 · 0 评论 -
jQuery中的选择器:visible对visibility:hidden的处理
首先先介绍visibility这个CSS属性。 visibility用于表示该元素是否显示,其取值有: visible:设置对象可视。 hidden:设置对象隐藏。 collapse:主要用来隐藏表格的行或列,隐藏的行或列能够被其他内容是用。 这里需要说明的是,collapse在IE6及更早的浏览器不支持,它的作用只在表格中生效,对于其他的对象,等同于displa转载 2014-06-22 20:24:45 · 2752 阅读 · 0 评论 -
加入收藏兼容主流浏览器代码
//加入收藏function AddFavorite(){ if (document.all) { addToBookMark(window.location.href, document.title); } else if (window.sidebar) { addToBookMark(document.title, window.location.href); }}func原创 2014-06-22 20:34:19 · 1311 阅读 · 0 评论 -
HTML热区map坐标,随窗口大小自适应办法(javascript)
为图片添加MAP:[html] view plaincopydiv> span id="lbresult"> img src='YardCribGraphic.aspx' width='100%' heigh='100%' usemap='#b0a1a239cbf34d64acf4d6798dd67da0' border='0'/>转载 2014-09-09 16:50:00 · 9793 阅读 · 0 评论 -
使用Bootstrap框架时,PC端测试小屏效果正常,移动端失效
在使用Bootstrap框架时,本地调试小尺寸都没问题,一切正常,切换到手机上打开一看,显示的依然是大屏的效果。解决方法其实很简单。官网解释:HTML5 文档类型Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。在你项目中的每个页面都要参照下面的格式进行设置。Copy lang="zh-CN">原创 2014-08-26 14:25:58 · 5745 阅读 · 1 评论 -
通过Jquery判断页面元素是否在浏览器的可视区域内
前端开发中,有时需要判断某个元素是否在浏览器的可视区域内,或者是否已经滚动出了可视区域.首先想到的便是javascript操作,原生方法自然可以,不过Jquery已经封装了一些属性,使用起来更方便些,我们这里就讨论这种Jquery的方式.(伸手党可直接看文章屁股 :cool:)假设此元素为 #item,先说几个关键的属性:转载 2014-08-27 16:19:58 · 6235 阅读 · 0 评论 -
通过document.referrer判断页面是链接调整还是新打开以及来源
业务需求:1、复制链接或者QQ中在浏览器中新打开的链接,点击“返回”跳转到列表页;2、从列表页链接调整进的店“返回”执行浏览器的“返回”动作,好处是能直接定位到列表页上次浏览的位置。function ClickBack(){ if(document.referrer==""||document.referrer.indexOf("cases")==-1){ //返回到原创 2014-09-26 17:32:32 · 5286 阅读 · 0 评论 -
移动端web轮播图
html: css原创 2014-09-03 21:14:26 · 1803 阅读 · 0 评论 -
C#使用jsonp进行跨域提交表单
跨域提交留言,并返回是否成功!C#服务端:public void FeedBackPost(string name, string email, string tel, string website, string desc, string thisIp, string sourse, string callBack) { try原创 2014-09-16 20:05:01 · 2447 阅读 · 0 评论 -
DEDE使用AJAX无刷新提交Form表单,PHP返回结果
$query = "INSERT INTO `{$diy->table}` (`id`, `ifcheck` $addvar) VALUES (NULL, 0 $addvalue); ";引入phpmailer添加以下代码:/*发送邮件*/$addvalue_ary = explode(',', $addvalue);//因为DEDE是将所有表单数据提交过来,所原创 2014-10-29 20:46:36 · 4333 阅读 · 0 评论 -
网页关闭(解决window.close在火狐下不兼容问题)
熟悉前端的都知道,火狐默认状态非window.open的页面window.close是无效的网上有很多人说,在火狐的地址栏输入:about:config然后找到dom.allow_scripts_to_close_windows;把false改为true看着这些人的说法,不得不说我蛋疼了我做的是网站,我怎么去改用户的浏览器设置,我不是搞病毒的啊难道我在网站发布一个公转载 2015-03-06 15:45:10 · 2809 阅读 · 0 评论 -
Jquery的parent和parents(找到某一特定的祖先元素)
关于Jquery的parent和parentsparent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。可以看出parent取的很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子说明:$('p').pa转载 2015-03-30 16:37:37 · 1190 阅读 · 0 评论 -
jquery自定义动画animate()
在以前很长一段时间里,网页上的各种特效还需要采用flash 在进行。但最近几年里,我们已经很少看到这种情况了,绝大部分已经使用JavaScript 动画效果来取代flash。这里说的取代是网页特效部分,而不是动画。网页特效比如:渐变菜单、渐进显示、图片轮播等;而动画比如:故事情节广告、MV 等等。如果复制当前代码进行在本地测试的时候,请注意把不需要(其他功能展示)的代码注释转载 2015-04-16 15:57:43 · 2099 阅读 · 0 评论 -
js防复制、禁止右键
// JavaScript Document$(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); if (typeof(document.onselectstart) != "undefined") { // IE下禁止元素被选取原创 2015-04-28 20:42:25 · 1131 阅读 · 0 评论 -
jQuery选择器和事件
1)选择器 $(".className")——类选择器; $("#IDName")——ID选择器; $("ElementTagName")——元素名选择器; 更多选择器点击打开链接2)事件 click()——点击事件; dblclick()——双击事件; mouseenter()——鼠标进入事件;转载 2015-07-31 20:10:35 · 667 阅读 · 0 评论 -
jsonp跨域请求
$.ajax({ async: true,//默认值: true,为异步请求。如果需要发送同步请求,将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。 url: '...........', type: "GET",转载 2015-08-31 15:17:55 · 616 阅读 · 0 评论 -
Javascript,Jquery实现页面图片预加载百分比展现
如果需要在页面初始加载时显示加载进度。主要是指图片很多的情况下:可以使用第三方Jquery插件jquery.imgpreload.min.js 调用里面的方法:imgpreload即可,实例如下:var imgNum = 0;var images = [];$(function(){ preloadImg(); }); //里面有转载 2014-07-12 11:06:44 · 2325 阅读 · 0 评论 -
jquery动态改变背景颜色插件
GETHUB下载地址背景颜色用animate方法时时无法改变颜色的所以要使用插件进行补充。使用方法:div { background-color: #bada55; width: 100px; border: 1px solid green;}SimpleDesaturateHello!jQuery("#原创 2014-07-12 11:23:42 · 2913 阅读 · 0 评论 -
Jquery实现鼠标移上弹出提示框,移出消失
思路:1.首先要定位实现这种效果的元素 ,本次通过class2.如果是动态显示不同的提示内容,需设置title3.通过JQ给定位到元素加上 mouseover 和mouseout 事件4.再完善下,弹出框跟随鼠标在目标元素上移动5.再把 mouseover 、mouseout 合并成 hover //页面加载完成$(function () { v原创 2013-05-19 13:59:03 · 6348 阅读 · 0 评论 -
视差滚动教程、实现方法、源代码
最近很流行“视差滚动”效果,抛开设计不说,前端上的实现方法很有意思,国内详细的教程不多,所以自己研究别人网站,实践总结。一、例子SmaShingSparkQQ浏览器二、原理传统的网页的文字、图片、背景都是一起按照相同方向相同速度滚动的,偶尔有一些背景固定的网页。顾名思义“视差滚动”就是通过滚动这个行为实现视觉上的层次错落的错觉,从而形成立体的运动效果。原创 2013-06-26 23:10:59 · 7408 阅读 · 1 评论 -
jQuery animate()方法详解、实例、扩展(详细版)
一、语法先看看官方文档怎么写的。参考:http://www.w3school.com.cn/jquery/effect_animate.asp原创 2013-08-28 15:25:59 · 8032 阅读 · 1 评论 -
jQuery中$.get、$.post、$.getJSON、$.ajax 方法详解
一、函数解释jQuery.get() :使用 HTTP GET 请求从服务器加载数据jQuery.post():使用 HTTP POST 请求从服务器加载数据jQuery.getJSON():使用 HTTP GET 请求从服务器加载 JSON 编码数据jQuery.ajax():执行异步 HTTP (Ajax) 请求二、解析1.jQuery.ge原创 2013-09-29 16:50:08 · 15500 阅读 · 1 评论 -
JavaScript 对象、DOM对象、jquery对象的区别、转换详解
一、JavaScript 对象JavaScript 提供多个内建对象,比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型。访问对象的属性:var message="Hello World!";var x=message.length;原创 2013-09-28 15:27:31 · 3280 阅读 · 0 评论 -
目前最好用的“点击复制”功能,兼容主流浏览器
为什么下载的DEMO不能运行,点击不能复制?答:这个必须运行在真实环境上,直接用浏览器打开是不行的,用IIS运行就可以。原创 2013-10-30 14:45:45 · 1609 阅读 · 0 评论 -
微信大学-刮刮乐制作
微信-刮刮卡完整案例详解,及完整源码下载!原创 2013-12-07 21:27:11 · 5536 阅读 · 1 评论 -
通用版按钮/超链接鼠标效果渐变jQuery代码
//鼠标移上去效果$(".jq_btn").hover(function(){ $(this).find("div").stop().fadeIn(); },function(){ $(this).find("div").stop().fadeOut();});原理很简单a标签背景设置正常状态div背景设置鼠标hover的背景只要给元素加上 cla原创 2014-02-27 22:10:33 · 826 阅读 · 0 评论 -
无缝滚动通用JS代码
$(".caifang").imgscroll({ speed: 40, //图片滚动速度 amount: 0, //图片滚动过渡时间 width: 1, //图片滚动步数 dir: "left" // "left" 或 "up" 向左或向上滚动 });//横向滚动代码//图片滚动 调用方法 imgscroll({speed: 30,a原创 2014-03-29 11:57:51 · 864 阅读 · 0 评论 -
经验分享:10个简单实用的 jQuery 代码片段
平滑滚动到锚点 这个功能很常见,在网站底部添加一个让访客快速回到页面顶部的功能,下面是实现这个功能的示例代码:123456789101112131415// HTML:// Lorem Ipsum/转载 2014-03-29 20:50:08 · 715 阅读 · 0 评论 -
图片列表横向切换代码
//图片列表横向切换var PicnewsItem=0;function PicnewsGo(){ var $picnews_ul=$("#picnews_ul"); var LiLength=$picnews_ul.find("li").length; var LiWidth=198; $picnews_ul.width(LiLength*LiWidth); var ma原创 2014-03-29 12:00:15 · 1173 阅读 · 0 评论 -
QQ空间顶部折页撕开效果
效果:HTML:原创 2014-04-22 22:31:27 · 833 阅读 · 0 评论 -
原图对比窗帘效果jQuery分享
效果:HTML代码: JS代码:$(function () { //外DIV var imageWrap = $('.vfx-image-wrap'), //前景图 topImage = $(this).find('.before-ima原创 2014-04-22 22:08:39 · 1530 阅读 · 0 评论 -
jQuery如何阻止子元素继承父元素事件?
function f1(e){ alert("你点击了一个链接"); //取消冒泡 e.cancelBubble = true; } function f2(e){ alert("你点击了一个DIV"); } ClickMe转载 2014-06-04 12:52:44 · 2967 阅读 · 0 评论 -
鼠标滚轮插件jQuery mousewheel
delta的值是负的即-1,那么滚轮就是向下滚动,正的1就是向上。插件方法:1.为了监听滚轮事件,该插件引入了mousewheel事件,所以我们可以监听元素的mousewheel事件2.该插件还提供了元素快捷方法mousewheel和unmousewheel用于监听和去掉元素对鼠标滚轮事件支持$(document) .mous原创 2014-06-05 23:16:23 · 2043 阅读 · 0 评论 -
jQuery的ajax async同步和异步介绍
项目中有这样一个需求,使用ajax加载数据返回页面并赋值,然后前端取出该值这其中涉及到代码的顺序问题,有时后台还未返回数据,但已执行后面代码,所以就会造成取不到值[javascript] view plaincopy$.ajax({ type: "post", url: "admin/PfmOp转载 2015-09-28 12:50:48 · 879 阅读 · 0 评论