随笔分类 - jQuery
摘要:一开始用传统ajax 上传,但是后台死活不认为这是上传文件,后来用了jquery 的 form 提交,成功,废话不说,直接上图 jsp: ajax: 关键在:
阅读全文
摘要:之前那种在<button>上面 onclick 会出现 sucess 回调函数 window.location.href 无法跳转的问题,所以,建议直接用 form.submit
阅读全文
摘要:要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。 empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom
阅读全文
摘要:原因是 a标签的href跳转会执行在window.location.href设置的跳转之前: 如果是表单form的话 也会先执行form提交。 提交之后 就已经不在当前页面了。所以 window.location.href无效。 解决很简单 一条代码: 在js函数中加上 window.event.r
阅读全文
摘要:new option(text,value,defaultSelected,selected) text:字符串,指定option对象的text属性(即<option></option>之间的文字) value:字符串,指定option对象的value属性 defaultSelected:布尔值,指
阅读全文
摘要:后台使用@responseBody注解 返回一个json对象 前台视图 效果: 先用url 直接访问 实际效果: 本次学习参考 倪升武大神的开源博客项目
阅读全文
摘要:通过表单form插件,调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的options对象获取服务器返回数据,调用格式如下: $(form). ajaxForm ({options}) 其中form参数表示表单元素名称;options是一个配置对象,用于在发送ajax
阅读全文
摘要:该插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下: $(form).validate({options}) 其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行
阅读全文
摘要:DOM节点删除之empty()的基本用法 要移除页面上节点是开发者常见的操作,jQuery提供了几种不同的方法用来处理这个问题,这里我们开仔细了解下empty方法 empty 顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了 指定元素中的所有子节点。 这个方法不仅移除子元素(和其他后代元素
阅读全文
摘要:DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了。 试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了 本文向大家介绍
阅读全文
摘要:uery提供的存储接口 2个方法在使用上存取都是通一个接口,传递元素,键值数据。在jQuery的官方文档中,建议用.data()方法来代替。 我们把DOM可以看作一个对象,那么我们往对象上是可以存在基本类型,引用类型的数据的,但是这里会引发一个问题,可能会存在循环引用的内存泄漏风险 通过jQuery
阅读全文
摘要:对于样式的设置,我们学了addClass与css方法,那么两者之间有什么区别? 可维护性: .addClass()的本质是通过定义个class类的样式规则,给元素添加一个或多个类。css方法是通过JavaScript大量代码进行改变元素的样式 通过.addClass()我们可以批量的给相同的元素设置
阅读全文
摘要:恢复内容开始 通过JavaScript获取dom元素上的style属性,我们可以动态的给元素赋予样式属性。在jQuery中我们要动态的修改style属性我们只要使用css()方法就可以实现了 .css() 方法:获取元素样式属性的计算值或者设置元素的CSS属性 获取: 设置: 注意事项: 恢复内容结
阅读全文
摘要:.toggleClass( )方法:在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类 注意事项:
阅读全文
摘要:用于动态增加class类名 .addClass( className )方法 注意事项: 简单的描述下:在p元素增加一个newClass的样式 那么p元素的class实际上是 class="orgClass newClass"样式只会在原本的类上继续增加,通过空格分隔 jQuery通过.addCla
阅读全文
摘要:jQuery中有一个.val()方法主要是用于处理表单元素的值,比如 input, select 和 textarea。 .val()方法 注意事项: .html(),.text()和.val()的差异总结:
阅读全文
摘要:读取、修改元素的html结构或者元素的文本内容是常见的DOM操作,jQuery针对这样的处理提供了2个便捷的方法.html()与.text() .html()方法 获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容,具体有3种用法: 注意事项: .text()方法 得到匹配
阅读全文
摘要:Query中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr() attr()有4个表达式 removeAttr()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中
阅读全文
摘要:属性选择器让你可以基于属性来定位一个元素。可以只指定该元素的某个属性,这样所有使用该属性而不管它的值,这个元素都将被定位,也可以更加明确并定位在这些属性上使用特定值的元素,这就是属性选择器展示它们的威力的地方。 描述如下:
阅读全文
摘要:筛选选择器的用法与CSS中的伪元素相似,选择器用冒号“:”开头,通过一个列表,看看基本筛选器的描述:
阅读全文

浙公网安备 33010602011771号