随笔分类 - JQuery
摘要：$("#hidPicUrl").val($(this).attr('src'));<INPUT id=hidPicUrl type=hidden /><img src="/Images/icon/house.png" width="60" height="60" />这样的话，>ie8和firefox没有问题:<INPUT id=hidPicUrl type=hidden value=/Images/icon/music.png name=ctl00$phMain
阅读全文
摘要：编辑器加载中... //字数长度大小： 区分中英文 jQuery.validator.addMethod("CharLength", function (value, element, params) { var i, sum; sum = 0; for (i = 0; i < value.length; i++) { if ((value.charCodeAt(i) >= 0) && (value.charCodeAt(i) <= 255)) ...
阅读全文
摘要：artDialog如果要支持框架集（frameset）穿越的话，需要用：window: 'top' ：//art.dialog({ content: '无法穿越！',lock: true});art.dialog({ content: '我是穿越的对话框，请多多关照！',lock: true,window:'top'});传统的dialog方法穿越框架art.dialog({ content: '我是新来的对话框，请多多关照！', window: 'top' });-----------------
阅读全文
摘要：artDialog4.0.5分类：jquery2011-08-22 11:54333人阅读评论(0)收藏举报下载Google Code 项目主页最新版本：http://code.google.com/p/artdialog/downloads/list(如果因为中国网络特殊原因不能访问Google Code请自备工具)文档应用到你的项目在页面head引入artDialog，注意如果文件带有skin参数将会无阻塞的方式自动加载对应的皮肤css文件，当然你仍然可以使用传统方式引用“skins/”目录下的css文件，二者选其一。<script src="artDialog.js?sk
阅读全文
摘要：一、Uploadify控件 在ASP.NET中上传的控件有很多，比如.NET自带的FileUpload，以及SWFUpload，Uploadify等等，尤其后面两个控件的用户体验比较好，无刷新，带上传进度等等。在最近的一个webform开发项目中，我就是使用的Uploadify，虽然有些小瑕疵，但是基本上还是满意的（在webform中使用Uploadify可以参考《JQuery上传插件Uploadify使用详解》），所以当现在使用MVC开发的时候，自然将之作为首选。Uploadify官方Demo二、在MVC中使用Uploadify首先引入js和css文件：<script src=&quo
阅读全文
摘要：jQuery 1.7 正式版已经可以下载使用。jQuery是一个JavaScript库，它简化了HTML文档遍历，事件处理，动画和为网络快速发展的Ajax交互。jQuery 1.7 版本加入了新的事件API .on() 和 .off()，提高了性能，以及为旧版IE浏览器提供了更好的HTML5支持。可以从这里下载jQuery 1.7： http://code.jquery.com/jquery-1.7.js http://code.jquery.com/jquery-1.7.min.js同时 Google 及 Microsoft CDN 上的新版本也应该会在一两天内部署完毕。详细改进内容...
阅读全文
摘要：表单验证插件 validate
在提交表单前常要对用户输入进行校验.ASP.NET的验证控件就是用于此目的, 可以同时进行客户端和服务器端验证. 但是验证控件并没有被所有项目采用. 而且在MVC项目中经常使用自己的客户端验证框架.
在比较了若干表单验证插件后, 决定采用validate插件. 因为其使用简单并且灵活.
插件首页:
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
插件文档:
http://docs.jquery.com/Plugins/Validation
配置说明:
http://docs.jquery.com/Plugins/Validation/validate#options
1.应用实例
实例效果:
阅读全文
摘要：<script type="text/javascript">jQuery(function($){ //列表切换tab样式改变 $('.tab_content').hide().eq(0).show(); $('.tab>a').each(function(i){ $(this).click(function(){ $('.tab>a').removeClass('tab_sel').eq(i).addClass('tab_sel'); $('.tab_cont
阅读全文
摘要：6个出色的基于JQuery的Tab选项卡实例2010/01/29 16:261. jQuery 选项卡界面 / 选项卡结构菜单教程 这种类型的菜单在网页设计与开发中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑动/向上滑动效果创建属于你自己的选项卡菜单。要非常留心此演示哟，你一定会喜欢上它的。 演示 | 下载 | 介绍2. jQuery目录导航插件 这个jQuery插件为我们提供了添加基于字母顺序的导航小部件到有序和无序列表的方法。一个在列表之上的简易的(via CSS)导航条，向用户展示从A到Z的检索。通过从列表中选择一个字母来显示以此字母开头的所有元素。在可选字母上面显示的计
阅读全文
摘要：我怕是被JQuery迷死了……现在遇到任何前端的问题首先就考虑JQuery解决，不管难以与否，就比如修改个网页标题，当然，如果为了类似小问题就调用库的话就得不偿失了。可我又没有一点JS基础，虽然听说不是程序员出身的家伙也能把JS写得很出色，但毕竟我不仅非程序员，连高考数学都对不起广大人民群众，所以我原谅自己了。这次，确实就被修改网页标题这个小问题给难倒了。看到我的思路，你们会很囧的。修改网页标题，想当然就是$("title")了，但怎么改呢？以下我都试过了：$("title").html()//这个应该对的……$("title").t
阅读全文
摘要：1. 很多网站都是使用这种方式引入，客户的浏览器可能已经缓存过了 jquery。可以直接调用本地的，速度更快… 2. Google code 使用了 cdn 技术在很多地方有节点服务器，加载 jquery 时绝对不会比在你服务器上加载慢，本地服务器除外 : ) 3. 可以节省服务器流量，降低服务器带宽压力可以使用两种方式引用 google code 的jquery 一、引用 http://www.google.com/jsapi?key=Goolge 密钥 <script type="text/javascript"> google.load("jqu
阅读全文
摘要：----- 概述 ----- 1.HTML中 id="form_upload" 表单的target 属性要指向页面中不可见的 iframe（ id="hidden_frame"） 这样提交到 ifrmae 中的请求会刷新这个不可见的帧2.使用 TestSubmit() 方法提交数据就是因为方便传一些自定义的参数（currentPath）3.服务器端的代码自己去研究吧！注意的是如果成功需要调用一个回调函数 UploadCallback 刷新页面，这个回调函数要写在响应流中----------------一、HTML 内容 <!--begin 上传文件
阅读全文
摘要：前段时间在解决ajax上传文件时折腾了好一阵。直接用$.post上传文本信息肯定是没有问题的。但是$.post直接上传图片是不可行的。后来看到网上的一些解决方案，有现成的ajax上传文件的封装的方法也有利用flash的。flash确实是个好方法 但是不是每个人都会flash的而且下载下来现成的方法要做修改也不是件易事，且文件相对较大。最后只好模拟iframe来实现。发现相当的简单。<iframe name="ajaxUpload" style="display:none"></iframe><form name="
阅读全文
摘要：JQUERY+ASP.NET的AJAX文件上传2009/04/24 23:31在知道JQUREY和微软集成的消息后，在项目里面就开始尽量使用JQUERY了，这个DEMO是一个示例。主要文件两个：ajaxUpFile.ashx 服务端处理Default.aspx 用户提交下面贴出主要代码：JS部分代码如下function TestUp() { ajaxFileUpload("FileUpload1"); } function ajaxFileUpload(obfile_id) { //准备提交处理 $("#loading_msg").html("
阅读全文
摘要：<script type="text/javascript" language="javascript"> $(function(){ $("#kcll_GLcoA").click(function(){ $("#kcll_GLcoA").load("http://localhost/LessonDetail/91 #kcll_GLcoAll"); }); });注：地址和#kcll_...
阅读全文
摘要：CSS：调用；<link href="/content/css/jquery.Popup.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="/scripts/jquery.Popup.js"></script>showTip("发布成功！", null, 1);...
阅读全文
摘要：Jquery的这套选择符是比较帅气的，借用了XPath2.0和CSS1-3中的语法，并且兼容了多个浏览器，让原本非常复杂的DOM，一下子变得简单起来了，手中最新的版本是1.2.2b，下面的所有例子，也是根据此版本提供的例子。测试HTML代码：<div id="father"> <div id="first">I am first</div> <div id...
阅读全文
摘要：jQuery 浏览器判断，jQuery提供了一个 jQuery.browser 方法 来判断浏览器可用值: safari opera msie mozilla例如：if($.browser.msie){ alert("Microsoft Internet Explorer")}if($.browser.mozilla){ alert("Mozilla Firefox")}当然有时候我们还需要区分版...
阅读全文
浙公网安备 33010602011771号