随笔分类 -  jQuery

jQuery-css()、height()、width()、offset()、position()、scrollTop()、scrollLeft()
摘要：Document 阅读全文
posted @ 2017-06-07 20:00 影子疯 阅读(223) 评论(0) 推荐(0)
jQuery--停止动画和判断是否处于动画状态stop()
摘要：stop()--语法结构stop（[clearQueue],[gotoEnd]）。 clearQueue和gotoEnd都是可选参数，为Boolean（true或者false） 1、直接使用stop(),会立即停止当前正在进行的动画，如果接下来还有动画等待继续进行，则以当前状态开始接下来的动画 如果 阅读全文
posted @ 2017-05-24 15:25 影子疯 阅读(2247) 评论(0) 推荐(0)
jQuery--自定义动画animate()
摘要：语法结构 animate(params,speed,callback) params：包含一个样式属性及值的映射。比如{property1:'value1',property:'value2',......} speed：速度参数，可选。 callback：在动画完成时执行的函数，可选 1、自定义简 阅读全文
posted @ 2017-05-23 22:53 影子疯 阅读(472) 评论(0) 推荐(0)
jQuery-模拟操作
摘要：trigger()--打开页面不需要操作，就可以触发事件 阅读全文
posted @ 2017-05-18 20:02 影子疯 阅读(154) 评论(0) 推荐(0)
jQuery-移除事件
摘要：unbind()--unbind(type,data) 第一个参数事件类型，第二个参数将要移除的函数 （1）、如果没有参数，则删除所有绑定的函数 （2）、如果只提供了事件类型作为参数，则只删除该类型的绑定事件 （3）、如果把在绑定时传递的处理函数作为第二个参数，则只有这个特定的事件处理函数会被删除 阅读全文
posted @ 2017-05-18 19:48 影子疯 阅读(15691) 评论(0) 推荐(0)
jQuery--事件对象的属性
摘要：1、event.type()--获取事件类型 2、event.preventDefault--阻止事件默认行为 3、event.stopProtagation()--阻止事件冒泡 4、event.target()--获取触发事件的元素 5、event.pageX()和event.pageY()--获 阅读全文
posted @ 2017-05-18 17:08 影子疯 阅读(168) 评论(0) 推荐(0)
jQuery--事件冒泡和默认行为
摘要：单击span的时候，div和body绑定的时间也会被触发 停止事件冒泡--event.stopPropagation(); 事件对象：$('').bind('click',function(event){ event.stopPropagation(); //event事件对象 }); 2、阻止元素 阅读全文
posted @ 2017-05-18 15:45 影子疯 阅读(647) 评论(0) 推荐(0)
jQuery--bind()、hover()、toggle()
摘要：1、事件绑定 bind()方法调用格式：bind(type,[data],fn) 第一个参数：事件类型，例如：click，blur，focus，mouseover，mouseout等 第二个参数：可选参数，作为event.data属性值传递给事件对象的额外数据对象 第三个参数：绑定处理函数 bind 阅读全文
posted @ 2017-05-18 14:03 影子疯 阅读(1123) 评论(0) 推荐(0)
jQuery-DOM操作之children()、next()、prev()、siblings()
摘要：children()--该方法用于取得匹配元素的子元素集合，只考虑子元素，不考虑任何后代元素 next()--该方法用于取得匹配元素后面紧邻的同辈元素 prev()--该方法用于取得匹配元素前面紧邻的同辈元素 siblings()--该方法用于取得匹配元素前后所有的同辈元素 阅读全文
posted @ 2017-05-18 11:14 影子疯 阅读(544) 评论(0) 推荐(0)
jQuery-DOM操作之html()、text()、val()
摘要：html()--类似JS中innerHTML,用来获取或设置某个元素中HTML内容 text()--用来获取或设置某个元素中文本内容 val()--获取或者设置value值，thisdefaultValue 指当前文本框的默认值 val()实例： 阅读全文
posted @ 2017-05-17 17:57 影子疯 阅读(323) 评论(0) 推荐(0)
jQuery-DOM操作之属性、class
摘要：1、属性操作 1）、attr()--获取和设置属性 2）、removeAttr()--删除属性 2、样式操作 addClass()--增加class attr（'class','myclass'）--替换class removeClass--移除class toggleClass()--切换clas 阅读全文
posted @ 2017-05-17 17:01 影子疯 阅读(1881) 评论(0) 推荐(0)
jQuery-DOM操作之复制、替换、包裹节点
摘要：1、复制节点 clone() 复制节点后，被复制的新元素并不具有任何行为，如果需要新元素也具有复制功能，需要给clone()传递参数true，clone(true).true的含义是复元素并复制元素所绑定的事件 2、替换节点 replaceWith() replaceAll() 3、包裹节点 wra 阅读全文
posted @ 2017-05-17 16:01 影子疯 阅读(2799) 评论(0) 推荐(0)
jQuery-DOM操作之创建、插入、删除元素
摘要：1、创建元素 $('<li>啦啦啦</li>') $('ul').append($('<li>啦啦啦</li>')) 把创建好的li元素添加到ul中 2、插入元素方法 append()--想每个匹配元素的内部追加内容 appendTo()--将所有匹配的原则追加到指定的的元素中 prepend() 阅读全文
posted @ 2017-05-17 15:11 影子疯 阅读(440) 评论(0) 推荐(0)
jQuery-表单选择器
摘要：:input-选取所有的input、textarea、select、button元素:text-选取所有的单行文本框:password-选取所有的密码框:radio-选取所有的单选框:checkbox-选取所有的复选框:submint-选取所有的提交按钮:image-选取所有的图像按钮:reset- 阅读全文
posted @ 2017-05-17 13:22 影子疯 阅读(112) 评论(0) 推荐(0)
jQuery-过滤选择器二
摘要：1、属性过滤选择器 2、子元素过滤选择器(注意分号前必须要有空格) :nth-child(index/even/odd/equation) 选取每个父元素下的第index子元素或者奇偶元素（index从1算起） :first-child 选取每个父元素下的第一个子元素 :last-chlid 选取每 阅读全文
posted @ 2017-05-16 16:29 影子疯 阅读(116) 评论(0) 推荐(0)
jQuery-过滤选择器一
摘要：1、基本过滤选择器 2、内容过滤选择器 3、可见性过滤选择器 ：hidden选择器，包括display：none、<input type='hidden' />、visibility：hidden三种 阅读全文
posted @ 2017-05-16 13:52 影子疯 阅读(199) 评论(0) 推荐(0)
jQuery-基本和层级选择器
摘要：1、引用Jquery库 2、类似JS中的window.onload 3、选择器 1）、基本选择器 2）、层级选择器 $('.one+div')比较少用，可以用$('.one').next('div')代替 $('#two~div')可以用$('#two').nextAll('div')代替 $('# 阅读全文
posted @ 2017-05-15 20:40 影子疯 阅读(1449) 评论(0) 推荐(0)