51dev.com IT技术开发者社区

51dev.com 技术开发者社区

jquery 实现更改图片路径

jquery 实现更改图片路径

如何用JS实现原来是这个图片(01.png)点击之后变成(02.png)点击另一个(03.png)之后变成(04.PNG)请教大神们如何实现。。。本人JS小白请各位帮忙简单写一下   <imgsrc="01.png"onclick="changeImg(...

jQuery判断元素是否显示或隐藏

jQuery判断元素是否显示或隐藏

简单介绍一下如何通过jQuery判断元素是否显示是否隐藏,只需要简单的一个jQuery判断即可。varnode=$(‘#id‘);if(node.is(‘:hidden‘)){  //如果node是隐藏的则显示node元素,否则隐藏node.show();}else{node.hide();}varnode=$(‘#i...

[ jquery 选择器 :even ] 此方法选取指定jquery对象中的偶数对象

[ jquery 选择器 :even ] 此方法选取指定jquery对象中的偶数对象

此方法选取指定jquery对象中的偶数对象:实例:<!DOCTYPEhtml><htmllang=‘zh-cn‘><head><title>Insertyoutitle</title><metahttp-equiv=‘description‘conten...

jQuery操作表格——全选、反选、选择奇数行、隔行变色、删除行、添加行

jQuery操作表格——全选、反选、选择奇数行、隔行变色、删除行、添加行

<html><head><title>jQuery操作表格</title><metacharset="UTF-8"/><!--jQuery学习的内容:1、jQuery的封装原理(闭包,匿名自调用)2、jQuery的选择器3、jQuery操作元素的属性、内...

jquery禁用、启用button以及button的样式操作

jquery禁用、启用button以及button的样式操作

我们在页面当中,经常需要跟button打交道,那么,就涉及到各种button的操作,在此写下来,供自己参考使用。一:禁止使用button1.直接写在<button>标签里面<buttonid="btn"disabled="disabled">设置按钮不可以点击</button>2.j...

jquery的height()和javascript的height总结,js获取屏幕高度

jquery的height()和javascript的height总结,js获取屏幕高度

在javascript和jquery中,都有对各种高度的写法,在这里,我们就着重讲一下窗口、文档等高度的理解。(宽度和高度差不多!)首先来说一说$(document)和$(window),如下:$(document).height();//整个网页的高度$(window).height();//浏览器可视窗口的高度$(...

jQuery动态设置样式(style、css)

jQuery动态设置样式(style、css)

一、jQuery设置css样式<div>测试jQuery动态获取padding-left</div>1、用css()方法返回元素的样式属性$("div").css("padding-left"));2、用css()设置样式$("div").css("color","yellow");3、设置多个...

jquery给元素添加样式表的方法

jquery给元素添加样式表的方法

//1、获取和设置样式$("#tow").attr("class")获取ID为tow的class属性$("#two").attr("class","divClass")设置Id为two的class属性。//2、追加样式$...

Jquery 动画效果 左右移动

Jquery 动画效果 左右移动

<htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>移动位置的动画</title><scripttype="text/javascript"src="jquery.js"></script>...

可拖动弹窗的JS和jQuery两种写法

可拖动弹窗的JS和jQuery两种写法

   最近在慕课网上学习了一个网页可拖动对话框js实现的演示视频,这个demo中的例子是百度首页登录按钮的弹窗,如下图:      当点击左上角的登录按钮时,弹窗出现并自动居中,同时窗口可拖动的范围被限制在了可视区域内,即浏览器视...

jquery bootstrap 中的 模式对话框 modal 设置宽度和高度

jquery bootstrap 中的 模式对话框 modal 设置宽度和高度

设置modal的宽度<divclass="modal-dialog"> ...

用jquery技术实现table的奇数行变色

用jquery技术实现table的奇数行变色

完整代码:<scripttype="text/javascript"src="js/jquery-1.9.1.min.js"></script><styletype="text/css">.red2{background:#eeeeee;}</style><scri...

JQuery手机端预约时间段选择

JQuery手机端预约时间段选择

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>时间表选择</title><style>body,ul,li{margin:0;padding:0;}li{list-style...

JQuery应用实例——体育馆预约系统的预约功能实现

JQuery应用实例——体育馆预约系统的预约功能实现

之前的项目中涉及到体育馆预约功能的实现,其中每个场馆的开放时间不同,场馆内场地数目不同,借助jQuery实现一个预约功能,效果如下图。这看起来有些类似于人们在电影院购买电影票的操作,根据选择的电影和场次在屏幕上显示影厅中所有座位的空闲情况。先分析一下数据库,其中一张场馆表,记录了场馆的名称、对应的运动、开放时间、场地数...

jQuery 事件 - ready() 方法

jQuery 事件 - ready() 方法

在文档加载后激活函数:当DOM(文档对象模型)已经加载,并且页面(包括图像)已经完全呈现时,会发生ready事件。由于该事件在文档就绪后发生,因此把所有其他的jQuery事件和函数置于该事件中是非常好的做法。ready()函数规定当ready事件发生时执行的代码。ready()函数仅能用于当前文档,因此无需选择器。...