随笔分类 - jQuery笔记
关于jQuery的笔记
摘要:回车实现Tab事件 有时候我们希望回车事件绑定的是键盘的Tab事件。我的第一思路就是切换事件的keyCode,比如键盘事件按下的keyCode如果是13,我们将keyCode改为9。但是在实际编程中却未能实现此效果。于是只能自己通过手写JS脚本来调用input元素的focus()事件。 1.原来的一
阅读全文
摘要:今天遇到这么一个需求,携带一个编号一个名字跳转到另一个JSP页面,直接页面跳转(get携带数据)的话不太安全,于是想到到后台转发一下。 第一种:直接以表单提交方式的进行 JS代码: 注意上面红色部分的代码,chrome56版本以后修复form提交的bug,form = $('<form></form
阅读全文
摘要:1.查看带有指定属性的元素: [attribute] 例如: 2.查看属性值是某个特定值的元素: [attribute=value] 例如: 3.匹配所有不含有指定的属性,或者属性不等于特定值的元素。 [attribute!=value] 此选择器等价于:not([attr=value]) 要匹配含
阅读全文
摘要:今天在做一个菜单折叠插件的时候需要根据页面的url改变其class属性。jQuery操作元素的属性是非常方便的,在此记录一下: 1.给元素添加class属性: addClass(class) (1)添加单个class可以直接写class名字,例如: (2)添加多个class多个class中间空格隔开
阅读全文
摘要:Query.form.js是一个form插件,支持ajax表单提交和ajax文件上传。 下载地址http://plugins.jquery.com/form/ API $("#formid").ajaxSubmit(); 或 $("#formid").submit(function(){ $(thi
阅读全文
摘要:由于JQuery中,提交表单是像下面这样的: $('#myform').submit() 所以,想当然的认为,重置表单,当然就是像下面这样子喽: $('#myform').reset() 但是,不幸的是,这样写的话,会有一个让你很郁闷的结果,那就是,表单无法重置! 后来,上网查了一下,说是,JQue
阅读全文
摘要:要想搞明白js的事件机制,必须搞清楚几个概念:事件对象,事件源,还有事件流 事件对象: 当事件发生时会产生事件对象,事件对象的作用是用来记录“事件发生是一些相关的信息。注意事件对象只有在事件发生时才会产生,我们无法手动创建,并且事件对象只能在处理函数内部访问,处理函数允许结束后该对象自动销毁。 怎么
阅读全文
摘要:1.get() 元素集合 2.get(index) 返回的是DOM元素,类似于[index]。 3.index() 查找元素在同辈中位置 搜索匹配的元素,并返回相应元素的索引值,从0开始计数。 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元
阅读全文
摘要:1.hover:(鼠标悬停与离开事件) 参数 over,outFunction,FunctionV1.0 over:鼠标移到元素上要触发的函数 out:鼠标移出元素要触发的函数 outObjectV1.4 当鼠标移到元素上或移出元素时触发执行的事件函数 例如 :(鼠标悬浮上去字体变为红色,离开变为黑
阅读全文
摘要:一. 事件委托什么是事件委托?用现实中的理解就是:有100 个学生同时在某天中午收到快递,但这100 个学生不可能同时站在学校门口等,那么都会委托门卫去收取,然后再逐个交给学生。而在jQuery 中,我们通过事件冒泡的特性,让子元素绑定的事件冒泡到父元素(或祖先元素)上,然后再进行相关处理即可。如果
阅读全文
摘要:有时候我们希望实现toggle()切换效果,但是切换的同时需要完成一些其他要做的事情。所以我们需要对jQuery的toggle()函数进行改造。 下面好test2()函数就是一个实现toggle效果的函数: 也可以用原生的js实现: 效果可以实现div的隐藏与显示。 一个完整的隐藏菜单栏与改变页面内
阅读全文
摘要:附加总结: 设置多选框联动(点一个,其他跟着变) 动态设置下拉列表的值:(有时候会不灵所以用下面这个) 补充:建议还是用$("#selectId").val("222");的方式修改下拉列表的值。 例如: 更多具体的可以参考:http://www.cnblogs.com/qlqwjy/p/75118
阅读全文
摘要:1.多选框的回显: js:$( function(){ var checkBoxAll =$("input[name^='checkbox_']");//获取前缀为checkbox_的所有多选框对象 var checkArray=${list};//获取多选框需要回显得对应的值集合 console.
阅读全文
摘要:代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:st
阅读全文
摘要:什么是遍历? jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。 下图展示了一个家族树。通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动
阅读全文
摘要:apend: A.append(B) 将B追加到A的内容的末尾处 appendTo: A.appendTo(B) 将A加到B内容的末尾处 例如: 把所有匹配的元素追加到另一个指定的元素元素集合中。也就是移动到新的位置,从原来位置消失。 删除儿子 连自己也删除 从DOM中删除所有匹配的元素。 这个方法
阅读全文
摘要:1 jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 2 3 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 4 $("div") 选择所有的div标签元素,返回div元素数组 5 $(".myClass") ...
阅读全文
摘要:所有的实例均用下面的html JavaScript中的研究 1.html的研究(html会返回html标签,不会解析标签) 1.获取值 1. innerHTML: 从对象的起始位置到终止位置的全部内容,不包括Html标签自身。2. outerHTML: 除了包含innerHTML的全部内容外, 还包
阅读全文
摘要:Jquery 操作 Html Table 是很方便的,这里对表格的基本操作进行一下简单的总结。 首先建立一个通用的表格css 和一个 表格Table: 一、鼠标移动到行更换背景色: 增加一个css样式: Js脚本: 结果执行结果: 二、 表格奇偶行变色 : 奇数行和偶数行css: Js脚本: 结果显
阅读全文
摘要:更完整的参考:http://www.runoob.com/jquery/jquery-plugin-validate.html 验证隐藏字段的使用(验证通过后ajax提交表单):http://www.cnblogs.com/qlqwjy/p/7498773.html ajax验证以及验证隐藏字段参考
阅读全文