在日常开发的过程中，难免会用到form表单，我们需要获取表单的数据保存到数据库，或者拿到后台的一串json数据，要将数据绑定到form表单上，这里我写了一个基于jquery的，formHelp插件，使用起来也很简单： 获取表单的数据：$("#formid").serializeJson(); 绑定数据到表单：$("#formid").setForm(json); jquery.formHelp.js插件/*** 将form里面的内容序列化成json* 相同的checkbox用分号拼接起来* @param {dom} 指定的选择器* @para...
本文实例分享了jquery实现右侧栏菜单选择的相关代码，供大家参考，具体内容如下 效果图：实现菜单：右侧栏菜单*{margin: 0;padding: 0;}.wrap{width: 500px;}.block{border:1px solid #ccc;margin: 20px 20px;}.rightMenu{position: fixed;right: 50px;top: 200px;/*opacity: 0;*/display: none;}.rightMenu li{list-style: none;display: block;width: 80px;height: 32px;line-height: 32px;text-align: center;border: 1px solid...
浏览器中默认的文本框是不能根据内容的增多变高，只能固定高度有滚动条，体验不是很好，找了很多方法兼容都不行，总算找到个兼容良好的方法：以上就是本文的全部内容，希望对大家学习jquery程序设计有所帮助。
概述：本篇主要讨论jquery.validate结合jquery.form实现对表单的验证和提交方案。 方式一：是通过jquery.validate的submitHandler选项，即当表单通过验证时执行回调函数。在这个回调函数中通过jquery.form来提交表单； 方式二：是通过jquery.form的beforeSubmit，即在提交表单前执行的回调函数，这个函数如果返回true，则提交表单，如果返回false，则终止提交表单。根据jquery.validate插件的valid()方法，就可以通过jquery.form提...
今天在做公司的项目的时候，遇到一个问题： 我们希望在二级栏目搜索的时候，判断用户有没有加上这个栏目特有的关键字（比如“教程”），因为我们是全站搜索，如果不加关键字，搜索出来的东西会很多、很杂，这样我们就是想在教程这个栏目下，搜索出来的全都是教程相关的东西，所以我们东了点小心思，对搜索的关键字做了点小改动，代码如下：代码如下: $(#search-form).submit(function() {//取出keyword$keyword = $(#keyword);//判...
由于js的代码逻辑越来越重，一个js文件可能会有上千行，十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块，在一顿纠结是使用requirejs还是seajs的时候，最终还是偏向于requirejs。毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档，仍然遇到不少的问题，比如jquery-ui的使用。 下面就循序渐进的讲解一下我遇到的问题，以及解决的办法。关于AMD和CMD的理解AMD（异步模块定义）的典型就是requirejs，而CMD（通用模块定...
由于js的代码逻辑越来越重，一个js文件可能会有上千行，十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块，在一顿纠结是使用requirejs还是seajs的时候，最终还是偏向于requirejs。毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档，仍然遇到不少的问题，比如jquery-ui的使用。 下面就循序渐进的讲解一下我遇到的问题，以及解决的办法。 关于AMD和CMD的理解 AMD（异步模块定义）的典型就是requirejs，而CMD（通用模块...
1.jsvar obj=document.getElementById(selectid); obj.options.length = 0; //清除所有内容 obj.options[index] = new Option("three",3); //更改对应的值 obj.options[index].selected = true; //保持选中状态 obj.add(new Option("4","4")); ”文本",”值" var index = obj.selectedIndex;obj.options.remove(index);//删除选中项2.jquery$("#select_id").append("Text"); //为Select追加一个Option(下拉项) $("#select_id").")....
代码如下:for(var i=1;i<=3;i++){ document.getElementById(btn + i).onclick = (function(j){ return function(){ alert(j); } })(i); } 下面是结合了jquery的代码，原理都是一样的 在使用javascript批量绑定页面上的元素并传递递增编号时，需要如下编写： 部分的代码： 代码如下:部分的代码： 代码如下:$(function () { var i; for (i = 1; i <= 7; i++) { $("#btn" + i).bind("click", { id: i }, dis); } }); func...
就想了想 jquery是怎么实现的呢，无奈，哥能力差，还不到研究jquery源码的时候。那好吧，自己做个很简陋的版本，呵呵！好像还行，等哥的能力上去了再来优化下 三栏布局 #main1{ margin:20px auto; width:200px; background-color:#6c9; overflow:hidden; } var Animate = { obj : null, itime : 0, flag : 1, maxHeight : 0, _$ : function(id){ return "string" == typeof(id) ? document.getElementById(id) : id; }...
今天做一张表单，要求行输入的时候，自动计算值，并且计算值的这一列，要自动合计。 开始用了onchange事件，但是在输入的时候，用Javascript计算出并填值的那一列并不会响应onchange 事件。 Google了一下，找到 onpropertychange这个事件，用JS设置值也可以响应。 在Jquery里用的时候，必须要用bind。 代码如下: $("#textboxID").bind("propertychange", function() { alert($(this).val()); });
代码如下: //根据ID返回dom元素 var $ = function(id){return document.getElementById(id);} //返回dom元素的当前某css值 var getCss = function(obj,name){ //ie if(obj.currentStyle) { return obj.currentStyle[name]; } //ff else { var style = document.defaultView.getComputedStyle(obj,null); return style[name]; } } Hide函数： 代码如下: var hide = function(obj,speed,fn){ obj = $(obj); if (!speed) { obj.styl...
isPlainObject是Jquery1.4后提供的新方法,用于判断对象是否是纯粹的对象（通过 "{}" 或者 "new Object" 创建的）。 使用isPlainObject 首先我们来了解一下什么叫'纯粹的对象'，简单的理解'纯粹的对象'指的就是由Object构造出来的对象。那哪些对象是由Object构造出来的呢。首当其充的肯定是由new Object()所构造出来的对象，注意：在Object后的括号里可没加任何东西。因为Object是所有'类'的根基，因此它有一些特殊的行为,如当调...
一，为什么不要用for in语句 jqModal这个jquery插件估计很多人都使用过，在jqModal源码内部，有一个函数为hs，其中有个嵌套循环如下， 代码如下: for(var i in {jqmShow:1,jqmHide:1}) for(var s in this[i]) if(H[this[i][s]]) H[this[i][s]].w[i](this); return F; } 第一个for in遍历的目标是个匿名对象，没有问题。 第二个for in遍历，根据上下文确认this[i]是一个数组对象(Array)。 很多JS先驱者都告诫过我们不要对数组对象使...
javascript 兼容IE与firefox火狐的回车事件 代码如下: function keypress(e) { var currKey=0,e=e||event; if(e.keyCode==13)document.myform.submit(); } document.onkeypress=keypress; 代码如下: document.onkeydown=function(event) { e = event ? event :(window.event ? window.event : null); if(e.keyCode==13){ //执行的方法 alert('回车检测到了'); } } jquery 兼容IE与firefox火狐的回车事件 代码如下:$(document)....