摘要: trigger()方法用户模拟用户操作,比较常见的一种情况就是输入框自动获得焦点:jquery 当用户打开这个界面的时候,用户名输入框就会自动得到焦点,所以用户就可以直接输入数据。preventDefault()方法用户阻止元素的默认的行为,比如说:点击超链接的跳转的行为,点击提交按钮表单... 阅读全文
posted @ 2014-06-07 21:39 千手宇智波 阅读(582) 评论(0) 推荐(0) 编辑
摘要: 自带动画函数show()方法和hide()方法调用show()函数会将该元素的display属性设置为none,将元素隐藏调用hide()函数会将该元素的display样式设置为原来的值,将元素重新显示Tip:使用该方法时,元素的宽度/高度/透明度是同时变化的。可以给该方法传递参数”fast”,”n... 阅读全文
posted @ 2014-06-07 20:28 千手宇智波 阅读(221) 评论(0) 推荐(0) 编辑
摘要: html5的placeholder功能在表单中经常用到,它主要用来提示用户输入信息,当用户点击该输入框之后,提示文字会自动消失。我们用jquery实现类似的功能:当输入框获得焦点时,清空输入框中的提示文字。当输入框失去焦点时,若输入框中的数据为空,则再次出现提示文体。效果图:talk is chea... 阅读全文
posted @ 2014-06-06 19:56 千手宇智波 阅读(366) 评论(0) 推荐(0) 编辑
摘要: 添加属性$target.attr({"title":"one piece","name":"solgan"});为目标元素添加title和name属性添加之前:我是路飞,要成为海贼王的男人。添加之后:我是路飞,要成为海贼王的男人。移除属性 $target.removeAttr("title");移... 阅读全文
posted @ 2014-06-06 16:20 千手宇智波 阅读(360) 评论(0) 推荐(0) 编辑
摘要: 描述:要求用户选择一个自己不喜欢的商品说明:左边是商品列表,右面显示用户不喜欢的商品。首先用选择器获得用户点击的元素,然后替换右面用户选择的不喜欢的商品。jquery test 香蕉 苹果 橘子 草莓 没有不喜欢的东西 阅读全文
posted @ 2014-06-06 15:23 千手宇智波 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 描述:用户点击左边div中的商品,对应商品会自动添加到右面的div中,类似电子商城中的添加到购物车功能。主要用到了jquery中的复制节点功能,基本原理是首先获取点击的元素,然后将相应信息进行克隆,然后添加到右面的div中。效果如果:show you code:jquery test 香蕉 苹果 橘... 阅读全文
posted @ 2014-06-06 15:15 千手宇智波 阅读(448) 评论(0) 推荐(0) 编辑
摘要: 初始显示精简菜单:点击显示全部品牌之后,将隐藏的品牌显示,并高亮显示推荐的品牌,并且此时按钮的文字变为“显示精简品牌”show you code:jquery test索尼爱立信华为苹果三星中兴联想富士可达雅马哈其他品牌显示全部品牌我们首先通过下面的语句获得需要动态显示和隐藏的元素; var $ca... 阅读全文
posted @ 2014-06-06 09:29 千手宇智波 阅读(505) 评论(0) 推荐(0) 编辑
摘要: jquery test one two three four five six seven 提交使用选择器得到所有被勾选的复选框元素的集合,然后通过判断元素的个数来得到用户勾选的个数。有的时候,我们还对用户勾选复选框的个数做了限制,假设只能勾选三个,相应的代码是这样的:jquery ... 阅读全文
posted @ 2014-06-06 00:47 千手宇智波 阅读(373) 评论(0) 推荐(0) 编辑
摘要: 为了让表格中的行更加突出,条理更加清晰,我们可以对其中的奇数或者偶数行添加背景色jquery test 信息统计表 # ... 阅读全文
posted @ 2014-06-06 00:21 千手宇智波 阅读(1175) 评论(0) 推荐(0) 编辑
摘要: 说明:单击某一段文字,改文字变为红色,再次单击之后,文字又变回黑色。jquery test学如逆水行舟,不进则退学如逆水行舟,不进则退学如逆水行舟,不进则退学如逆水行舟,不进则退因为这是一个class交替变化的过程,所以可以使用toggleClass方法,若对应的class:"red"存在的话,则移... 阅读全文
posted @ 2014-06-06 00:00 千手宇智波 阅读(281) 评论(0) 推荐(0) 编辑