随笔分类 - jquery
1
摘要：如果你使用jQuery 1.6 ，代码if ( $(elem).attr(“checked”) )，将获得一个属性(attribute) ，它不改变该复选框被选中和选中。它只是用来存储默认或选中属性的初始值。为了保持向后兼容，.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外，...
阅读全文
摘要：经常有这样的需求，就是在离开某个web页面时，用户不一定点注销，这样会导致会话不能及时销毁。为实现用户离开页面时，自动注销功能，需要在web页面的onbeforeunload事件处理函数中发送注销命令。这个地方大多用Ajax实现。有时还涉及到跨域访问的问题。这个地方就存在浏览器的兼容性问题。浏览器在处理这个需求时的不兼容性有如下两点:1、处理Ajax时的不兼容性，这里使用jQuery来解决。2、在发送Ajax请求时的不兼容性主要代码如下:[javascript] view plaincopyprint?function logout() { var logoutURL = "xxxx
阅读全文
摘要：比如我有两个变量，我要将a转换成字符串，将b转换成JSON对象：view sourceprint?1var a={"name":"tom","sex":"男","age":"24"};2 3var b='{"name":"Mike","sex":"女","age":"29"}';在Firefox，chrome，opera，safari，ie9
阅读全文
摘要：$('#btnAdd').bind('click', function () { var bindcount = $("#btnAdd").data("events")["click"].length; if (bindcount == 0) { saveRole(); } });
阅读全文
摘要：转换成数字ECMAScript提供了两种把非数字的原始值转换成数字的方法，即parseInt()和parseFloat()。注意：只有对String类型(Number除外)调用这些方法，才能正确运行对其他类型返回的都是NaN。例如：Js代码 var iNum1 = parseInt(“1234blue”);//returns 1234 var iNum2 = parseInt(“oxA”); //returns 10 var iNum3 = parseInt(“22.5″); //returns 22 var iNum4 = parseInt(“blue”); //returns NaN 以下
阅读全文
摘要：最近在做会员注册这块。用了jquery的 ajax 验证用户名。邮箱，验证码function check_email(){var check_email = $("#reg_mail").val();var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((/.[a-zA-Z0-9_-]{2,3}){1,2})$/;flag = reg.test(check_email);if(flag){var email_value = $('#reg_mail').val();$.get("[var.base_url]re
阅读全文
摘要：JQuery提供了一系列的全局方法对XMLHttpRequest对象进行了封装，在进行Ajax开发过程中再也不用担心浏览器客户端的不致性问题了。 一、$.ajax(options)它是最根本的JQuery Ajax方法，它只有一个参数options，该options参数中包含了请求信息和回调函数的信息。参数内容都是key:value对形式出现，并且都是可选的。语法：$.ajax({options});url：(string)发送请求的地址，可以是服务器页面也可以是WebService动作。type：(string)请求方式，POST或GETdata：(object)向服务器发送请求时带去的数据
阅读全文
摘要：例：将多个选中的checkbox的值组装成一个字符串<script type=text/javascript>function addMem(){//var followers = document.getElementsByName("followers");var f_str = '0';$("input[@name='followers']").each(function(){if($(this).attr("checked")==true){f_str += ","
阅读全文
摘要：用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。 这里首先给出JSON字符串集，字符串集如下： 代码如下:var data=" { root: [ {name:'1',value:'0'}, {name:'6101',value:'北京市'}, {name:'6102',value:'天津市
阅读全文
摘要：一、绑定CLICK事件，显示内容JS代码：$(function (){ //点击head展开content $("#panel h5.head").bind("click",function(){ $(this).next().show(); });});HTML代码：<style>*{margin:0;padding:0;}body { font-size: 13px; line-height: 130%; padding: 60px }#panel { width: 300px; border: 1px solid #0050D0 }.h
阅读全文
摘要：$.ajax({ url: 'Ajax/OrderBy.aspx', data: {AppIds: sortedAppids}, dataType: 'xml', type: 'POST', success: function(xml) { alert("排序成功！"); } }); ajax在同步交互时，第一次提交正常，再第二次提交如果和上次提交的url地址相同时将不进行提交，会用上次的返回值。这样处理也许是ext别有良苦用心，但是，如果遇到每次必须提交时，例如一次提交后台的数据已经被修改了，再次提交返回的结果其实是不一样的
阅读全文
摘要：1.在父窗口中操作子窗口中的元素，如(其中 iframe1是iframe的ID）1) 选中IFRAME中的所有单选钮 $(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");2).去掉子窗口中类名为top_menu元素的css属性类on$(window.frames["iframe1"].document).find('.top_menu').
阅读全文
摘要：//遍历option和添加、移除optionfunction changeShipMethod(shipping){var len = $("select[@name=ISHIPTYPE] option").lengthif(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } });}else{ $("<option valu
阅读全文
摘要：<!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-
阅读全文
摘要：Javascript的调试，是开发Web应用尤其是AJAX应用很重要的一环，目前对Javascript进行调试的工具很多，我比较喜欢使用的是Firebug。Firebug是Joe Hewitt开发的一套与Firefox集成在一起的功能强大的web开发工具，可以实时编辑、调试和监测任何页面的CSS、HTML和JavaScript。 本文主要是为初学者介绍一下Firebug的基本功能与如何使用Firebug。由于本人水平与能力有限，在文章中的可能会有很多错误与遗漏，希望大家能谅解和指正！!--[if !supportLists]--1、!--[endif]--安装Firebug是与Fire
阅读全文
摘要：截图:页面:view plaincopy to clipboardprint?bodyformid="form1"runat="server"tableid="tt"/table/form/bodybody form id="form1" runat="server" table id="tt" /table /form/body 引用的JS:view plaincopy to clipboardprint?linkrel="stylesheet"type="text/css"href="http://www.cnblogs.com/scrip
阅读全文
摘要：/***清空指定表单中的内容,参数为目标form的id*注：在使用Jquery EasyUI的弹出窗口录入新增内容时，每次打开必须清空上次输入的历史*数据，此时通常采用的方法是对每个输入组件进行置空操作:$("#name").val(""),这样做，*当输入组件比较多时会很繁琐，产生的js代码很长，这时可以将所有的输入组件放入个form表单*中，然后调用以下方法即可。**@param formId将要清空内容的form表单的id*/function resetContent(formId) {var clearForm = document.getElementById(formId);if
阅读全文
摘要：经常会看到这种弹出层背景变暗的效果，感觉手痒于是自己写了一个基于jquery的弹出层类，相比ThickBox来说比较简单，功能没它那么强大。我习惯先写好结构和样式，然后再写js交互效果。结构定义了两个层，一个为半透明的背景层，一个是弹出层主要结构，都设为浮动position:absolute;背景层遮掉所有body内容很容易做到。主要层左右居中，设置left等于窗口宽除二减去自身层宽除二就居中了，...
阅读全文
摘要：效果图 调用示意图 交互示意图如上图所示，这基本是JQueryDialog的完整逻辑流程了。1、用户点击模态窗口的“提交”按钮时，调用JQueryDialog.Ok()函数，这个函数对应了用户提交事件。2、用OO的概念来说，JQueryDialog.Ok()其实是一个虚函数，它的逻辑封装在子窗口ContentWindow.Ok()中，这一点我借鉴了FCKEditor，如下代...
阅读全文
摘要：本文介绍的是利用prototype.js显示等待状态，如：“程序正在加载中。。。。”下面是js代码：function m_palyer(){var p = $("inermeid");var url='MyJsp.jsp';var ajax=new Ajax.Request(url,{method:'get',onComplete:showResponse});var re...
阅读全文
1
