|
|
随笔分类 - 前端：jQuery笔记
此系列文章乃是学习jQuery的学习笔记。
摘要：1、eq() 筛选指定索引号的元素2、first() 筛选出第一个匹配的元素3、last() 筛选出最后一个匹配的元素4、hasClass() 检查匹配的元素是否含有指定的类5、filter() 筛选出与指定表达式匹配的元素集合6、is() 检查元素是否参数里能匹配上的7、map()8、has() 筛选出包含指定子元素的元素9、not() 排除能够被参数中匹配的元素10、slice() 从指定索引开始，截取指定个数的元素11、children() 筛选获取指定元素的资源12、closest() 从当前元素开始，返回最先匹配到的符合条件的父元素13、find(...
阅读全文
摘要：1、offset()获取匹配元素在相对浏览器窗口的偏移量 返回一个对象，包括两个属性。left:相对浏览器窗口左边的距离。top:相对浏览器顶部的距离。 $("#div1").offset().left; //返回id为div1相对于浏览器窗口最左边的距离 $("#div1").offset().top; //返回id为div1相对于浏览器窗口最顶部的距离 以下例子展示了，当点击文本框时，在下方显示一个日期div。紧紧贴住上面的文本框。并且不需要调div的css位置，无论上面的文本框位置如果变化，都能够紧紧且住上面的文本框，记得在前几天搞爱的车轮战报名系
阅读全文
摘要：1、show()显示效果 语法：show(speed,callback) Number/String,Function speend为动画执行时间，单位为毫秒。也可以为slow","normal","fast" callback可选,为当动画完成时执行的函数。 show(speed,[easing],callback) Number/String easing默认是swing,可选linear; $("#div1").show(3000,function(){ alert("动画显示完成!"); });
阅读全文
摘要：一、jQuery.validate简介 jQuery.validate.js插件用于对表单输入进行验证，其使用配置非常简单。支持多事件触发，自带多种验证规则，还支持自定义验证规则。 1、配置方法 先导入jQuery库，然后导入Validate插件，如果是中文提示还需要导入messages_z...
阅读全文
摘要：jQuery获取文件选择输入框的扩展名var file=$("input[name='file']").val()var filename=file.replace(/.*(\/|\\)/, ""); //文件名var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : ''; //扩展名今天在用ajaxfileupload时，遇到一个要刷新一次页面才能再次上传，用live()方法来绑定<input type="f
阅读全文
摘要：一、事件列表 1.blur() 当失去焦点时触发。包括鼠标点击离开和TAB键离开。 2.change() 当元素获取焦点后，值改变失去焦点事触发。 3.click() 当鼠标单击时触发。 4.dblclick() 当鼠标双击时触发。 5.error() 当javascript出错或img的src属性
阅读全文
摘要：1.jQuery属性。获取元素属性的语法:attr(name) 例子：$("#img1").attr("src");设置元素单个属性的语法:attr(key,value) 例子：$("#img1").attr("src","2.jpg");设置元素多个属性的语法：attr({key0:value0,key1:value1}) 例子：$("#img1").attr({src:"3.jpg",title:"jQuery换了一张图片"});通
阅读全文
摘要：基本选择器： #id 根据Id匹配一个元素 .class 根据给定的类名匹配一个元素 element 根据元素名匹配一个元素 * 匹配所有元素 selecttor1,selector2 并集，返回两个选择器匹配到的元素层次选择器： ancestor descendant 根据祖先匹配所有的后代元素 parent>child 根据父元素匹配所有的子元素，直接后代 prev+next 匹配下一个兄弟元素 相当于next()方法 prev~siblings ...
阅读全文
|
