jQuery
文章平均质量分 53
潇遥快乐
这个作者很懒,什么都没留下…
展开
-
jQuery中如何判断复选框是否被选中
在网页中,我们经常看到需要用户勾取的协议,那么这些协议用jQuery如何制作呢? 首先,我们需要写一个复选框,代码如下:我同意上面的协议。 为了美观,我将字体设置为红色,然后我们再给复选框添加事件,代码:$("#cr").click(function(){ alert("感谢你的参与,您可以继续操作"); }); 这样一个很简单的复选框及判断是否被勾取的功能就实现了。原创 2016-08-03 16:11:46 · 2328 阅读 · 0 评论 -
如何利用jQuery制作下拉导航菜单
下拉导航菜单可以用jQuery制作,首先做三个导航条(css代码省略了) 衬衫 短袖衬衫 长袖衬衫 短袖T恤 短袖T恤 卫衣 开襟卫衣 套头卫衣 运动卫衣 童装原创 2016-08-03 23:35:38 · 1373 阅读 · 0 评论 -
利用jQuery中的val()属性完成默认登陆框
在网站中,我们经常遇到这样的登陆界面:当鼠标聚焦到邮箱地址文本框时,文本框中的“请输入邮箱地址”文本被清空,当鼠标移开时,文字自动还原的情况。如下图: 当鼠标移入输入框并点击时,文字会消失或变淡,下面我们就用jQuery完成如图的效果。 首先,我们写两个文本框的代码并设置默认值,代码: 完成后效果如下图: 现在就用jQuery中的val(原创 2016-08-05 15:06:58 · 525 阅读 · 0 评论 -
jQuery中的事件冒泡及其处理办法
在页面上可以有多个事件,也可以多个元素响应同一个事件。 假设网页上有两个元素,其中一个元素嵌套在另一个元素里面,并且都绑定了同一事件,同时上也绑定了该事件,代码如下: 事件冒泡测试 $(document).ready(function(e) { $("#one").click(function(){ $("#one").hide(); }); $("原创 2016-08-06 18:36:17 · 611 阅读 · 0 评论 -
jQuery中阻止默认行为
在网页制作中,我们有时候需要阻止默认行为(如表单提交)。 阻止默认行为我们用 return false或 preventDefault()方法。 阻止默认行为 $(document).ready(function(e) { $("#sub").click(function(){ var hxy = $("#usenmae").val();原创 2016-08-06 19:03:00 · 792 阅读 · 0 评论 -
如何利用jQuery使复选框一键全选/全不选
我们先写一个表单: 你爱好的运动是? 全选/不全选 1 2 3 4 在第一个复选框中添加click()事件, 核心的jQuery代码如下: $(document).ready(function(e) { $("#hxy").click(function(){ if(this.checked){ $("[name=hxy]").attr("chec原创 2016-08-07 17:09:56 · 12802 阅读 · 2 评论 -
jQuery中验证输入信息是否符合标准
表单验证 $(document).ready(function(e) { $(".required").blur(function(){ if(this.value==""||this.value.length alert("请输入正确长度的用户名");} }); }); 用户名: 邮箱:原创 2016-08-08 22:57:26 · 1498 阅读 · 0 评论 -
html中如何使用bootstrap
首先我们要在bootstrap的官网上下载bootstrap 下面是我做的一个图标测试: bootstrap测试 首先我们要导入bootstrap的层叠样式表,再导入jquery库,最后导入bootstr原创 2016-10-29 15:13:44 · 1840 阅读 · 0 评论