2013年10月27日
映射方式绑定不同的事件
摘要： 1 2 3 4 5 映射方式绑定不同的事件 6 11 12 25 26 27 功能描述：28 在页面中，设置一个文本框，通过映射的方式，给文本框绑定两个事件29 一个是focus事件，另一个是change事件。这两个事件执行时，均为显示事件的名称30 姓名：31 32 33 结果如下所示：在方法bind()中，第二个参数data为可选项，表示作为event.data属性值传递到事件对象的额外数据对象。实际上，该参数很少使用，如果使用，那么可以通过该参数将一些附加的信息传递给事件处理函数fn中，将上面代码中的bind方法修改为带data参数，其修... 阅读全文
posted @ 2013-10-27 14:00 白小虫 阅读(242) 评论(0) 推荐(0) 编辑
jQuery绑定事件
摘要： 在jQuery中，可以使用bind()方法进行事件的绑定。bind()功能是为每个选择元素的事件绑定处理函数，其语法格式如下所示：bind(type,[data],fn)其中参数type为一个或多个类型的字符串，如‘click’或‘change’，也可以自定义类型；参数data是作为event.data属性值传递给事件处理对象的额外数据对象。参数fn是绑定到每个选择元素的事件中的处理函数。 1 2 3 4 5 bind方法绑定事件 6 9 10 17 18 19 功能描述20 在页面中，设置一个按钮，通过bind方法给按钮绑定一个click事件，在该事件中。21 ... 阅读全文
posted @ 2013-10-27 13:28 白小虫 阅读(232) 评论(0) 推荐(0) 编辑
jQuery页面载入ready()的几种写法
摘要： 1 //ready()方法的几种相同写法,以下几种代码写法其执行的效果是一样的。 2 3 1、$(document).ready(function(){ 4 //代码部分 5 }) 6 7 2、$(function(){ 8 //代码部分 9 })10 11 3、jQuery(document).ready(function(){12 //代码部分13 })14 15 4、jQuery(function(){16 //代码部分17 })18 19 ... 阅读全文
posted @ 2013-10-27 13:13 白小虫 阅读(396) 评论(0) 推荐(0) 编辑
2013年10月26日
创建对象、工厂模式、构造函数
摘要： 1 //创建一个对象，然后给这个对象新建属性和方法 2 3 var box = new Object(); //创建对象 4 box.user='Fu'; //添加属性 5 box.age=23; 6 box.run=function(){ 7 return this.user+this.age+'运行中...'; 8 } 9 //this表示new Object()实例化出来的那个对象10 11 alert(box); //object Object12 alert(box.user);13 alert(box.run()... 阅读全文
posted @ 2013-10-26 23:17 白小虫 阅读(350) 评论(0) 推荐(0) 编辑
2013年10月25日
jQuery阻止冒泡事件
摘要： 在事件末尾添加 event.stopPropagation(); //阻止冒泡过程还可以通过 return false 实现停止事件的冒泡过程。 阅读全文
posted @ 2013-10-25 16:35 白小虫 阅读(129) 评论(0) 推荐(0) 编辑
数据删除和图片预览在项目中的应用
摘要： 1 2 3 4 5 数据删除和图片预览在项目中的应用 6 16 17 57 58 59 60 61 选项 62 编号 63 封面 64 购书人 65 性别 66 购书价 67 68 69 70 10000 71 72 张小三 73 男 ... 阅读全文
posted @ 2013-10-25 15:02 白小虫 阅读(279) 评论(0) 推荐(0) 编辑
遍历元素
摘要： 在jQuery中，可以直接使用each()方法实现元素的遍历。语法格式： each(callback)其中，参数callback是一个function函数，该函数还可以接受一个形参Index，此形参为遍历元素的序号（从0开始）；如果需要访问元素中的属性，可以借助形参Index，配合this关键字来实现元素属性的设置或获取。例：(1)功能描述：在页面中，设置几个色块，通过each()方法遍历全部色块，并设置每个色块的title属性。(2)实现代码： 1 2 3 4 5 jQuery遍历元素 6 12 13 21 22 23 24 25 26 ... 阅读全文
posted @ 2013-10-25 13:41 白小虫 阅读(538) 评论(0) 推荐(0) 编辑
包裹节点
摘要： 包裹节点语法格式参数说明功能描述wrap(html)html参数为字符串代码，用于生成元素并包裹所选元素把所有选择的元素用其他字符串代码包裹起来wrap(elem)elem参数用于包装所选元素的DOM元素把所有选择的元素用其他DOM元素包装起来wrap(fn)fn参数为包裹结构的一个函数把所有选择的元素用function函数返回的代码包裹起来unwrap()无参数移除所选元素的父元素或包裹标记wrapAll(html)html参数为字符串代码，用于生成元素兵包裹所选元素把所有选择的元素用单个元素包裹起来wrapAll(elem)elem参数用于包装所选元素的DOM元素把所有选择的元素用单个DO 阅读全文
posted @ 2013-10-25 13:22 白小虫 阅读(386) 评论(0) 推荐(0) 编辑
替换元素节点
摘要： 在jQuery中，如果要替换元素中的节点，可以使用 replaceWith() 和 replaceAll() 这两种方法，其语法格式分别如下：replaceWith(content)：该方法的功能是将所有选择的元素替换成指定的HTML或DOM元素，其中参数content为被所选择元素替换的内容。replaceAll(selector)：该方法的功能是将所有选择的元素替换成指定selector的元素，其中参数selector为需要被替换的元素。replaceWith()与replaceAll()方法都可以实现元素节点的替换，二者最大的区别在于替换字符的顺序，前者是用括号中的字符替换所选择的元素。 阅读全文
posted @ 2013-10-25 11:00 白小虫 阅读(339) 评论(0) 推荐(0) 编辑
复制元素节点
摘要： 1 2 3 4 5 jQ复制元素节点 6 12 13 20 21 22 点击div色块23 24 25 26 27 PS：clone()方法仅是复制元素本身，被复制后的新元素不具有任何元素行为。如果需要在复制时将该元素的全部行为也进行复制，可以通过clone(true)实现。 阅读全文
posted @ 2013-10-25 10:13 白小虫 阅读(427) 评论(0) 推荐(0) 编辑