随笔分类 -  Jquery&Ajax

摘要：下面是在网上找的一个方法，暂时收藏下。<scripttype="text/javascript"src="jq.js"></script><scripttype="text/javascript"><!--$(function(){$('.get1tr').each(function(){alert($(this).find('td').eq(0).text());alert($(this).find('td').eq(1).find(' 阅读全文

摘要：JQueryiframe页面操作父页面中的元素与方法 .1）在iframe中查找父页面元素的方法：$('#id',window.parent.document)2）在iframe中调用父页面中定义的方法和变量：parent.methodparent.value3）实例1.父页面<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="Default.aspx.cs"Inherits="IframeDemo._Default"%><! 阅读全文

摘要：语法解释：1. $(“#select_id”).change(function(){//code…}); //为Select添加事件，当选择其中一项时触发2. var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text3. var checkValue=$(“#select_id”).val(); //获取Select选择的Value4. var checkIndex=$(“#select_id “).get(0).selectedIndex; //获取Select选择的索引值5. var ma 阅读全文

摘要：多个Ajax 在一个function中的执行顺序 由于Jquery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false就可以了.代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->functionTestAjax(){varUserName=$("#txtUserName").val();$.ajax({url:"AjaxCheckUs 阅读全文

摘要：:input表示选择表单中的input,select,textarea,button元素，input仅仅选择input元素。<script type="text/javascript"> $(function(){ $(":input").focus(function(){ $(this).addClass("focus"); }).blur(function(){ $(this).removeClass("focus"); }); })//这个效果第三个textarea也会添加样式 </scri 阅读全文

摘要：我们来看这样一段代码：$(function(){var a =0;$.getJSON( "student_toadd",{stunum:10},$.each(status,function(i){ ........................ a=10;.............................});)alert(a);});你说说看弹出的a是多少？我说：有可能是10，有可能是0。为毛？因为ajax的执行是异步的，有可能回调函数还没有拿到返回值，就弹出a了。解决办法var a = 0;$.ajax({ type:"get",dataT 阅读全文

摘要：//设为首页function SetHomePage() { if (document.all) { document.body.style.behavior = 'url(#default#homepage)'; document.body.setHomePage('http://www.87cool.com'); } else if (window.sidebar) { if (window.netscape) { try { netscape.security.Privileg... 阅读全文

摘要：Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。不过官方提供的实例时php版本的，本文将详细介绍Uploadify在Aspnet中的使用，您也可以点击下面的链接进行演示或下载。官方下载官方文档官方演示首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目，命名为JQueryUploadDemo，从官网上下载最新的版本解压后添加到项目中。2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。3 在项目中添加UploadFile文件夹，用来存放上传的文件。进行完上面三步后项目的基本结构如下图:4 Default.aspx的html页的代码 阅读全文

摘要：//给CheckBoxList添加alt属性 foreach (ListItem li in this.cblNeedTestRoom.Items) { li.Attributes.Add("alt", li.Value); }functionGetCheckBoxListValue(){varvaluelist="";//保存checkbox选中值//遍历name以cblNeedTestRoom开头的checkbox$("input[name^='cblNeedTestRoom']").each(function() 阅读全文

摘要：下面简单使用Jquery来操作iframe的一些记录，这个使用纯JS与可以实现。第一、在iframe中查找父页面元素的方法：$('#id', window.parent.document)第二、在父页面中获取iframe中的元素方法：$(this).contents().find("#suggestBox")第三、在iframe中调用父页面中定义的方法和变量：parent.methodparent.value 阅读全文

摘要：jquery遍历checkboxvara="";$('input[type="checkbox"][name="chk"]:checked').each(function(){a=a+"|"+$(this).val();});$('input[type="checkbox"][name="chk"]').each(function(){a=a+"|"+$(this).val();});JQuery操作checkbox、rad 阅读全文

摘要：<input id="id" type="text" /> jQuery( $("#id").attr("readonly":"readonly"); //添加readonly属性 & $("#ID").attr({ readonly: 'true' }); $("#id").removeAttr("readonly"); //去除readonly属性); 阅读全文

摘要：一、使用JQuery插件pagination实现AJax无刷新分页：以下只列出主要代码及注释，详细请参考最后源码：我们需要用到的文件有：jquery.js，jquery.pagination.js，pagination.css以及用于将DataTable转换为Json的插件Newtonsoft.Json.Net20.dll，文件在包含在最下面的源文件中分页存储过程：view sourceprint?SET ANSI_NULLS ONGO SET QUOTED_IDENTIFIER ONGO -- ============================================= -- 阅读全文

摘要：$("#D_data").each(function () { //D_data_T_count_ 数量 //D_data_L_sumprice_ 总价 //D_data_L_price_ 单价 //size指的是查询到元素的个数 //获取或设置嵌套在datalist中的值 使用innertext属性 for (var i = 0; i < $("#D_data").find("table").size(); i++) { var L_price = parseInt($("#D_data_L_price_" 阅读全文

摘要：根据属性获得元素1.比如要获取页面p标签中属性有id的元素$("p[id]").css("color","red");根据属性值获得元素1.$。在jQuery 中$("<span>")，这个语法等同于$(document.createElement("span")) ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下：HTML代码<input name="newsletter 阅读全文

摘要：我们知道，在javascript中用来执行页面加载中的操作时候，我们会使用windows.onload=function(){}或者windows.onload=函数名(),也可以在body中调用onload事件调用方法即可，在jQuery中也有相当的代码 $(function(){//脚本}) Jquery(function(){//脚本}) Jquery(document).ready(function(){//脚本}) 以上三个代码执行同一个动作，由于书写方便，所以Jquery比其他应用程序更受欢迎，但是当与其他js程序库一起使用的时候，特别是prototype.js同时使用时，不能使用 阅读全文

摘要：Jquery是Javascript轻量级脚本库，并不是javascript的升级版，其好处有：1.Jquery可以检索javascript代码2.Jquery可以解决众多浏览器不兼容的问题3.可以实现很多的UI，很多好看的效果很容易的就能实现等等实用Jquery之前，要到官网上下载类库http://jquery.com/，本文中的下载地址:http://files.cnblogs.com/shuang121/jquery-1.6.min.js然后放到项目总，在页面中引用<script src="js/jquery-1.6.min.js" type="text 阅读全文

摘要：在js中，如果我们要触发一个按钮的点击事件，直接使用元素的onclick事件，然后调用相关函数就可以了，这样的 写法则是让代码与html结合到一起了，在Jquery中就不用这样了，它有另外的几种写法，可以使代码与html分开： 比如页面中有一个按钮：<input id="btn" type="button" value="提交" /> 我们要触发它的点击事件可以有下面两种方式： 一:jQuery(function($){ $("#btn").click(function(){alert("这是 阅读全文

摘要：1.判断select选项中 是否存在Value="paraValue"的Item$("#selectid option[@value='paraValue']").length>02.向select选项中 加入一个Item$("#selectid").append("<option value=''>1111<option>");3.从select选项中 删除一个Item$("#selectid").remove("< 阅读全文

摘要：下面是自己写的一个用Jquery验证常用的表单元素的代码View Code <%@PageLanguage="C#"AutoEventWireup="true"CodeFile="register.aspx.cs"Inherits="register"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional 阅读全文