2016年08月_潇遥快乐

原创 jQuery中验证输入信息是否符合标准

表单验证$(document).ready(function(e) { $(".required").blur(function(){if(this.value==""||this.value.lengthalert("请输入正确长度的用户名");}});});用户名：邮箱：

2016-08-08 22:57:26 1479

原创如何利用jQuery使复选框一键全选/全不选

我们先写一个表单：你爱好的运动是?全选/不全选1234在第一个复选框中添加click()事件，核心的jQuery代码如下：$(document).ready(function(e) {$("#hxy").click(function(){if(this.checked){ $("[name=hxy]").attr("chec

2016-08-07 17:09:56 12789 2

原创 jQuery中阻止默认行为

在网页制作中，我们有时候需要阻止默认行为（如表单提交）。阻止默认行为我们用 return false或 preventDefault()方法。阻止默认行为$(document).ready(function(e) { $("#sub").click(function(){var hxy = $("#usenmae").val();

2016-08-06 19:03:00 750

原创 jQuery中的事件冒泡及其处理办法

在页面上可以有多个事件，也可以多个元素响应同一个事件。假设网页上有两个元素，其中一个元素嵌套在另一个元素里面，并且都绑定了同一事件，同时上也绑定了该事件，代码如下：事件冒泡测试$(document).ready(function(e) { $("#one").click(function(){$("#one").hide();});$("

2016-08-06 18:36:17 592

原创利用jQuery中的val()属性完成默认登陆框

在网站中，我们经常遇到这样的登陆界面：当鼠标聚焦到邮箱地址文本框时，文本框中的“请输入邮箱地址”文本被清空，当鼠标移开时，文字自动还原的情况。如下图：当鼠标移入输入框并点击时，文字会消失或变淡，下面我们就用jQuery完成如图的效果。首先，我们写两个文本框的代码并设置默认值，代码：完成后效果如下图：现在就用jQuery中的val(

2016-08-05 15:06:58 508

原创如何利用jQuery制作下拉导航菜单

下拉导航菜单可以用jQuery制作，首先做三个导航条（css代码省略了）衬衫短袖衬衫长袖衬衫短袖T恤短袖T恤卫衣开襟卫衣套头卫衣运动卫衣童装

2016-08-03 23:35:38 1343

原创 jQuery中如何判断复选框是否被选中

在网页中，我们经常看到需要用户勾取的协议，那么这些协议用jQuery如何制作呢？首先，我们需要写一个复选框，代码如下：我同意上面的协议。为了美观，我将字体设置为红色，然后我们再给复选框添加事件，代码：$("#cr").click(function(){alert("感谢你的参与,您可以继续操作");}); 这样一个很简单的复选框及判断是否被勾取的功能就实现了。

2016-08-03 16:11:46 2310

每天进步一点点