06 2014 档案

jquery中的trigger()和preventDefault()方法
摘要：trigger()方法用户模拟用户操作，比较常见的一种情况就是输入框自动获得焦点：jquery 当用户打开这个界面的时候，用户名输入框就会自动得到焦点，所以用户就可以直接输入数据。preventDefault()方法用户阻止元素的默认的行为，比如说：点击超链接的跳转的行为，点击提交按钮表单... 阅读全文
posted @ 2014-06-07 21:39 千手宇智波 阅读(584) 评论(0) 推荐(0) 编辑
jquery中的动画
摘要：自带动画函数show()方法和hide()方法调用show()函数会将该元素的display属性设置为none，将元素隐藏调用hide()函数会将该元素的display样式设置为原来的值，将元素重新显示Tip：使用该方法时，元素的宽度/高度/透明度是同时变化的。可以给该方法传递参数”fast”,”n... 阅读全文
posted @ 2014-06-07 20:28 千手宇智波 阅读(224) 评论(0) 推荐(0) 编辑
用jquery实现html5的placeholder功能
摘要：html5的placeholder功能在表单中经常用到，它主要用来提示用户输入信息，当用户点击该输入框之后，提示文字会自动消失。我们用jquery实现类似的功能：当输入框获得焦点时，清空输入框中的提示文字。当输入框失去焦点时，若输入框中的数据为空，则再次出现提示文体。效果图：talk is chea... 阅读全文
posted @ 2014-06-06 19:56 千手宇智波 阅读(371) 评论(0) 推荐(0) 编辑
jquery中的属性和样式设置
摘要：添加属性$target.attr({"title":"one piece","name":"solgan"});为目标元素添加title和name属性添加之前：我是路飞，要成为海贼王的男人。添加之后：我是路飞，要成为海贼王的男人。移除属性 $target.removeAttr("title");移... 阅读全文
posted @ 2014-06-06 16:20 千手宇智波 阅读(362) 评论(0) 推荐(0) 编辑
jquery 替换节点实例
摘要：描述：要求用户选择一个自己不喜欢的商品说明：左边是商品列表，右面显示用户不喜欢的商品。首先用选择器获得用户点击的元素，然后替换右面用户选择的不喜欢的商品。jquery test 香蕉 苹果 橘子 草莓 没有不喜欢的东西 阅读全文
posted @ 2014-06-06 15:23 千手宇智波 阅读(298) 评论(0) 推荐(0) 编辑
jQuery 复制节点的元素实现添加到购物车功能
摘要：描述：用户点击左边div中的商品，对应商品会自动添加到右面的div中，类似电子商城中的添加到购物车功能。主要用到了jquery中的复制节点功能，基本原理是首先获取点击的元素，然后将相应信息进行克隆，然后添加到右面的div中。效果如果：show you code:jquery test 香蕉 苹果 橘... 阅读全文
posted @ 2014-06-06 15:15 千手宇智波 阅读(449) 评论(0) 推荐(0) 编辑
精简菜单和完整菜单之间进行切换
摘要：初始显示精简菜单：点击显示全部品牌之后，将隐藏的品牌显示，并高亮显示推荐的品牌，并且此时按钮的文字变为“显示精简品牌”show you code:jquery test索尼爱立信华为苹果三星中兴联想富士可达雅马哈其他品牌显示全部品牌我们首先通过下面的语句获得需要动态显示和隐藏的元素; var $ca... 阅读全文
posted @ 2014-06-06 09:29 千手宇智波 阅读(506) 评论(0) 推荐(0) 编辑
统计选中的复选框的个数
摘要：jquery test one two three four five six seven 提交使用选择器得到所有被勾选的复选框元素的集合，然后通过判断元素的个数来得到用户勾选的个数。有的时候，我们还对用户勾选复选框的个数做了限制，假设只能勾选三个，相应的代码是这样的：jquery ... 阅读全文
posted @ 2014-06-06 00:47 千手宇智波 阅读(382) 评论(0) 推荐(0) 编辑
使表格的奇数（偶数）行变色
摘要：为了让表格中的行更加突出，条理更加清晰，我们可以对其中的奇数或者偶数行添加背景色jquery test 信息统计表 # ... 阅读全文
posted @ 2014-06-06 00:21 千手宇智波 阅读(1190) 评论(0) 推荐(0) 编辑
单击改写文本颜色
摘要：说明：单击某一段文字，改文字变为红色，再次单击之后，文字又变回黑色。jquery test学如逆水行舟，不进则退学如逆水行舟，不进则退学如逆水行舟，不进则退学如逆水行舟，不进则退因为这是一个class交替变化的过程，所以可以使用toggleClass方法，若对应的class："red"存在的话，则移... 阅读全文
posted @ 2014-06-06 00:00 千手宇智波 阅读(284) 评论(0) 推荐(0) 编辑
jquery入门 动态调整div大小，使其宽度始终为浏览器宽度
摘要：有时候我们需要设置宽度为整个浏览器宽度的div，当然我们可以使用相对布局的方式做到这一点，不过我们也可以用jquery来实现。jquery test我们使用$(document.body).width()获取浏览器内容的宽度，在加载页面的时候我们初始化该div的宽度为浏览器页面的宽度，然后每当浏览器... 阅读全文
posted @ 2014-06-05 16:11 千手宇智波 阅读(384) 评论(0) 推荐(0) 编辑
jquery入门 修改网页背景颜色
摘要：我们在浏览一些网站，尤其是一些小说网站的时候，都会有修改页面背景颜色的地方，这个功能使用jquery很容易实现。效果图：show you code:jquery testwhiteredgreenyellow我们先根据元素名选择我们要操作的对象：button，然后使用click方法找到被点击的按钮，... 阅读全文
posted @ 2014-06-05 15:48 千手宇智波 阅读(677) 评论(0) 推荐(0) 编辑
使用批处理命令设置windows系统的ip地址和dns
摘要：找到对应的网卡名称使用命令：ipconfigipconfig/allWindows IP Configuration Host Name . . . . . . . . . . . . : D501-4-3 Primary Dns Suffix . . . . . . ... 阅读全文
posted @ 2014-06-04 09:19 千手宇智波 阅读(518) 评论(0) 推荐(0) 编辑
使用jquery修改表单的提交地址
摘要：基本思路：通过使用jquery选择器得到对应表单的jquery对象，然后使用attr方法修改对应的action示例程序一：默认情况下，该表单会提交到page_one.html点击button之后，表单的提交地址就会修改为page_two.htmljquery test修改form的提交地址为page... 阅读全文
posted @ 2014-06-03 23:22 千手宇智波 阅读(894) 评论(0) 推荐(0) 编辑