随笔分类 - 前台jQuery
摘要：前几天，有人给Multiple Select 插件提了问题：setSelects doesn't work in Firefox when using jquery 1.9.0一直都在用 jQuery 1.8.3 的版本，没有尝试过 jQuery 1.9.0 的版本。于是，开始调试代码，在 1.9.0 的版本中：点击 checkbox，结果都是 undefined而在 1.8.3 的版本中，结果是 checked 和 undefined到这里，问题答案找到了，就是使用 attr() 方法的问题，于是查看官方文档， 才知道从 jQuery 1.6 开始新增了一个方法 prop()，但是一
阅读全文
摘要：很多朋友对jquery select的操作很有兴趣，但网上的东西太多，所以脚本之家特别将Jquery Select操作方法整理下，方便大家查找。-需要注意的是，这里的代码好多是针对jquery 1.32以前的版本（以后的版本已经不支持@）,所以替换为空测试下即可。jQuery获取Select选择的Text和Value: 语法解释： 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find(
阅读全文
摘要：开发jQuery插件时总结的一些经验分享一下。一、先看jQuery(function(){});全写为jQuery(document).ready(function(){});意义为在DOM加载完毕后执行了ready()方法。二、再看(function(){})(jQuery)；其实际上是执行()(para)匿名方法,只不过是传递了jQuery对象。三、总结jQuery(function(){ });用于存放操作DOM对象的代码，执行其中代码时DOM对象已存在。不可用于存放开发插件的代码，因为jQuery对象没有得到传递，外部通过jQuery.method也调用不了其中的方法（函数）。(fun
阅读全文
摘要：挑战EXT——QUI框架介绍与下载为庆祝新版QUI问世特写此文：提起EXTJS的大名，恐怕WEB开发界无人不晓吧。EXTJS框架发展到现在，已经非常成熟和全面了。它的组件库尤其是DataGrid组件无人能出其右。我之前也一直把EXT作为项目前台方案的首选，然而在两年前，我因为某些理由终于无法忍受它了，决心要开发一套符合自己和大众化需求的前台框架出来。这就成就了QUI框架的问世（原UUR框架）。先不说QUI，我想先说说我放弃EXT的理由。纯属个人感受。（1）风格样式单一。这是最让我受不了的。一个让用户满意的系统并不是单纯组件的堆砌，用户对系统的评价除了能够完成相应的功能外，还涉及到界面是否美观、
阅读全文
摘要：1. 滚动 以下是三种实现方式： 1) 利用原生的css属性 overflow: scroll div id= parent style = overflow:scroll; divid='content'内容区域/div /div Notice: 在android 有bug, 滚动完后会回退到最顶端的内容区域，解决办法是使用后两种方式实现 2)js 编程实现 思路：对比手指在屏幕上移动前后位置变化改变内容元素content 1. 滚动 以下是三种实现方式： 1) 利用原生的css属性 overflow: scroll内容区域 Notice: 在android 有bug, 滚动
阅读全文
摘要：Phonegap为跨设备的应用开发提供了一个解决方案。如果某个应用只有js和html，则可以通过Phonegap的在线build工具，编译出多个平台的app安装包。当然通过Phonegap提供的js可以访问部分设备的资源，如网络连接（Connection）、相机（Camera）、文件（File）、存储（Storage）等，具体可以参看Phonegap开发文档。但很多Android应用，仅仅使用这些资源是满足不了需求的，所以必然需要访问本地接口的方法。初步实验，至少有两个方法可以访问本地的接口。开发Phonegap Plugin。通过实现Phonegap提供的接口，然后在config.xml中注
阅读全文
摘要：【前言】jQuery已经被广泛使用，凭借其简洁的API，对DOM强大的操控性，易扩展性越来越受到web开发人员的喜爱，我在社区也发布了很多的jQuery插件，经常有人询问一些技巧，因此干脆写这么一篇文章给各位jQuery爱好者，算是抛砖引玉吧。【基础】 a)样式很多人会认为样式是个很复杂的东西，需要沉着冷静的心态加上非凡的审美观才能设计出赏心悦目的UI，抛开图片设计不说，其实css也就是那么些属性：position,margin,padding,width,height,left,top,float,border,background...UI设计的漂亮与否在很大程度上依赖于设计人员对配色的把
阅读全文
摘要：实例输出序列化表单值的结果：$("button").click(function(){$("div").text($("form").serialize());});定义和用法serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。语法$(selector).serialize()详细说明.serialize() 方法创建以标准 URL 编码表示的文本字符串。它
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf
阅读全文
摘要：今天抽出时间来 实验了一下 表单提交 运气不错 成功了 (后台用的asp.net)前台页面代码%@ Page Language="C#" AutoEventWireup="true" CodeFile="b01.aspx.cs" Inherits="b01" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran
阅读全文
摘要：Validform：一行代码搞定整站的表单验证！1$(".demoform").Validform();为什么能如此方便？插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素，让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符，这样你可以随便添加或者去掉任一表单元素而不必修改验证代码，从而使仅用一行代码去完成整站的表单验证的梦想成为现实！功能简介：囊括11种常见的格式验证形式，如果这些类型还不够，可以方便的传入自定义datype【可以是正则或函数】，实现几乎任何您需要的验证形式。任何你想要的信息提示效果。tiptype可以传入1、2或函数，传入
阅读全文
摘要：请自行准备图片以及jquery-1.2.6.pack.js<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content=
阅读全文
摘要：[JQuery框架应用]：form.js官方插件介绍我正在研究JQuery框架，其下的插件十分丰富，使用十分简单，功能也十分强大。先说说常用的Form插件，支持Ajax，支持Ajax文件上传，功能强大，基本满足日常应用。1、最新JQuery框架软件包下载jquery.js压缩包jquery.js非压缩包2、Form插件下载form.js3、Form插件的简单入门 第一步：先增加一个表单代码:<form id="myForm" action="comment.php" method="post"> Name: <inp
阅读全文
摘要：目前的项目数据交互几乎都用JQuery，所以处理流程是：前端页面数据-》JS对象-》jQuery提交-》python处理，另外一种就是倒过来。python肯定不能直接处理JS对象数据，所以要把JS对象转换成为python能处理的一种数据格式（通常是字典dict），同样，python取数据反馈到前端也要把字典数据转换成JS能处理的对象，这个中间转换数据格式通常就是JSON。一、JS对象转换成为JSON流程：读取前端页面数据，组装成为JS对象，并通过jQuery的$.post()方法传递给python。处理：引用一个json2.js文件，调用JSON.stringify()方法。例如：var da
阅读全文
摘要：$.ajax({type:"post", url:"PhotoTransferNew.ashx", data:{ username:"000", job:"111" }, error:function(msg){ alert("error") ; }, success:function (msg){ alert("success"); } });
阅读全文
摘要：在jquery中可以通过jqueryObj.attr("disabled","disabled")将页面中某个元素置为不可编辑或触发状态，但是在jquery的API reference中并没说明怎么将页面置为disable的元素重新置为可触发或可编辑的。这里发现可以采用三种的变通方法将置为disabled的元素状态改为enabled。 第一种：改变disabled的boolean状态，具体代码及解释如下： 复制代码 代码如下:$("button:eq(2)").click(function(){ var text2=$("i
阅读全文
摘要：函数原型：$.post(url, params, callback)url是提交的地址，eg： "sample.ashx"params是参数，eg： { name:"xxx" , id:"001" }callback是回调函数，eg： function(msg){ alert(msg); }注意1：在sample.ashx那段，使用context.Request["id"]和context.Request["name"]来分别获得值"001"和值"xxx"
阅读全文
摘要：jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展：1.1 添加一个新的全局函数添加一个全局函数，我们只需如下定义：Java代码jQuery.f
阅读全文
摘要：提问者：楼主ID很NB啊|浏览次数：985次如何刷新更改后的数据显示，用的是<table>问题补充：jquery是这样：$(document).ready(function(){ $("#bbajax").click(function() { $.ajax({ type:"POST", url:"DTupdate.jsp", data:"pname="+$("#idname").val()+"&pprice="+$("#idprice"
阅读全文
摘要：<!DOCTYPEHTML><htmllang="en-US"><head><metacharset="UTF-8"><title></title><!--jqgrid依赖于jqueryui，对应的主题需要自己从jqueryui的网上下载。--><linkrel="stylesheet"type="text/css"href="css/custom-jqgird/jquery-ui-1.8.16.custom.css
阅读全文