文章目录

 jQuery教程文章实例

jQuery教程分享众多源码及实例,在这里你将学到jquery选择器、插件以及其他特效的使用。更有jquery ui框架等教程,让你从入门到精通。

jquery contextmenu将事件绑定到鼠标右键单击

今天接到一个任务,禁用浏览器右键出现菜单,一旦按下了鼠标右键就要触发某些操作。 想到了两种写法,现分享出来。 方法一 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ alert("方法一"); return false; }); });

2018-01-25 22:34 阅读(286)

鼠标移上显示图片,鼠标离开图片隐藏

根据标题所述,这种效果一般会用在产品显示方面。 就是当鼠标移到缩略图上的时候,会显示大图。 然后鼠标从缩略图移开的时候,大图会隐藏。 下面是代码,其实很简单的。 html代码style .img{display:none;} /style a href="javascript:;" class="btn"鼠标移上显示图片,鼠标离开图片隐藏/a img

2017-12-11 22:12 阅读(459)

jquery删除记录至少保留一条 使用length判断

这个问题是今天碰到的,所以就分享出来。 页面上有多条记录,可以对每条记录进行删除。 但是必需得保留一条,也就是说当删最后一条记录的时候弹出提示,告诉用户不能删除,至少要保留一条。 下面为完整代码。 html代码table border="1" tr td记录1/td tda href="javascript:;" class="dellist"删除

2017-12-06 21:21 阅读(328)

jquery批量验证表单中文本框是否为空

前面我们讲了如何在form表单提交前验证的方法。 今天来讲一下另一种对表单验证的情况。 如果表单中有许多文本框,其中有一部分为必填。 普通的方法,就是对每一个必填的文本框进行验证,然后对其进行提示。 但是这样效率不高,而且还会多出许多代码来。 那么有什么简单的方法来实现批量验证呢? 方法当然是有的,下面是完整实例代码。 html

2017-11-27 20:38 阅读(374)

jquery获取元素的坐标(xy坐标)

前几天做了一个jquery根据文章h标签自动生成导航目录的功能,某个地方需要获取元素坐标。 一时半会竟然把我给懵住了,硬是想不起用什么代码。 不过后来肯定还是完成了相关功能。 为了以后方便查找,写下这篇文章《jquery获取元素的坐标》。 获取相对于body的位置 var x=$('#nav').offset().top; var y=$(

2017-11-20 21:03 阅读(465)

jquery根据文章H标签自动生成导航目录

在一些旅游网站,比如说途牛、携程这些,当你看某条线路的详情页时,右边会有相应的第一天、第二天等的目录。 这么大的网站,不可能后台添加行程的时候,每一天都要自动写一个目录吧! 所以应该是自动生成的。 那么它是如何生成的呢?又是根据什么规则来生成的呢? 今天我们就来讲讲使用jquery,根据文章里面的H标签自动生成导航目录。 下面是完整实例代码,直

2017-11-19 20:57 阅读(639)

jquery中fadeOut和hide之间的区别详解

在jquery中有fadeOut和hide两个方法,都可以让元素隐藏。 既然都有这个功能,为什么不只保留一个方法呢? 其实他们之间是有区别的,他们之间的显示效果不同。 先看看两者的使用方法: $(selector).fadeOut(speed,callback); $(selector).hide(speed,callback); 光是从名字

2017-11-15 21:22 阅读(190)

jQuery实现自动分页功能

随着博文越来越多,博客的首页也越来越长变得不适合浏览,这样势必需要将博客目录分页。 Jekyll自带了分页功能,但是局限性很大;同时我想要实现点击标签云,自动显示/隐藏文章重新对博客首页排版,这在Jekyll自带的功能中不能实现。 所以我采用jQuery来实现这一功能,并附带实现标签云排版功能。 首先是思路 不要着急写代码,思路很重要!我设想的运行流程应

2017-11-15 13:01 阅读(166)

jquery设置textarea只读属性

在html中textarea只读属性设置是readonly="readonly"。 那么如何用jquery来设置呢? 看下面代码如何使用jquery来设置textarea的只读属性: textarea style="width:200px; height:100px;" id="content"请在此输入内容……/textarea input type="but

2017-11-14 21:08 阅读(422)

jquery获取修改img的src方法详解

前面我们讲了如何使用js修改src属性给路径赋值。 但是有小伙伴问用jquery如何修改呢? 所以今天就写写使用jquery来修改src的实例。 html代码img src="http://www.santii.com/images/logo.jpg" id="img1" /input type="button" value="点击改变src" id="btn1" /

2017-11-08 20:40 阅读(504)

 1  2  3  4   下一页    尾 页  

数据更新时间:2018-06-24