随笔分类 - 前台jQuery
摘要：JQuery中jqGrid分页实现Html代码：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>Inserttitlehere</title>
阅读全文
摘要：<!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><title>jqGrid的JSON数据显示</title><style type="text/css">b
阅读全文
摘要：我这里用的不是jqGrid的自带的编辑和删除操作，我已经把分页导航栏下的编辑，删除，搜索都取消掉了,就是这句$("#list1").navGrid("#pager1",{edit:false,del:false, search:false}), 然后在数据加载完成后，给每行添加了 修改和删除链接jqGrid完成的事件是gridComplete:function(){}（可以理解为数据都准备好了）, 因为从数据库获取到的json数据没有带修改和删除两项,所以在之后的处理就是，在gridComplete事件中循环为每一行添加这两个链接，并且都给他们加上了on
阅读全文
摘要：http://www.aspxcs.net/HTML/0021031734.html
阅读全文
摘要：<%@ Page Language="C#" AutoEventWireup="true" CodeFile="a01.aspx.cs" Inherits="a01" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="
阅读全文
摘要：jQuery主页：http://jquery.com/ 设计思想 简洁的思想：几乎所有操作都是以选择DOM元素（有强大的Selector）开始，然后是对其的操作（Chaining等特性）。 优点 小，压缩后代码只有20多k（无压缩代码94k）。 Selector和DOM操作的方便Chaining：总是返回一个jQuery对象，可以连续操作。 文档的完整，易用性（每个API都有完整的例子，这是其它框架现在不能比的），而且网上还有很多其它的文档，书籍。 应用的广泛，包括google code也使用了jQuery。 使用jQuery的站点：http://docs.jquery.com/Sites_U
阅读全文
摘要：event.target<script language="JavaScript" type="text/javascript"> $("document").ready(function () { $(".menu").bind("click", function (event) {var clickedNode = event.target; var NodeType = event.target.nodeName; if (NodeType == "DIV"
阅读全文
摘要：实例通过使用滑动效果，在显示和隐藏状态之间切换 <p> 元素：$(".btn1").click(function(){ $("p").slideToggle();});亲自试一试定义和用法slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。语法$(selector).slideToggle(speed,callback)参数描述speed可选。规定元素从隐藏到可见的速度（或者相反）。默认为 "normal"。可能的值：
阅读全文
摘要：hover事件同时挂2个方法 1个是悬停的时候执行的 另外一个是离开的时候执行$(document).ready(function() {$("#orderedlist li").hover(function() {$(this).addClass("blue");}, function() {$(this).removeClass("blue");});});
阅读全文
摘要：http://www.cnblogs.com/liaigang/archive/2011/01/13/1934765.html花N长时间积累的Jquery插件，希望大家喜欢。大家还有什么新的插件，请留言，我们一并收录。 感谢大家的支持。 1.accordion类基于jQuery开发，非常简单的水平方向折叠控件。 Horizontal accordion: jQuery 热点图书：www.hotbook.cn jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion。 jQuery-Horizontal Accordion jQu
阅读全文
摘要：jQuery插件jQuery Spin Button自定义文本框数值自增或自减 jQuery插件JQuery Pager分页器实现javascript分页功能 jQuery插件FontSizer实现Javascript自定义动态调整网页文字大小 jQuery插件Magnify放大镜实现javascript图片放大功能 jQuery插件tooltip提示条实现Javascript动态文字或图片提示效果 jQuery插件Step Carousel Viewer实现Javascript图片滑动旋转效果 jQuery插件accordion折叠菜单实现Javascript展开收缩菜单功能 jQuery.
阅读全文
摘要：前不久在网络上看见一个很不错的jQuery的DataTable表格插件。后来发现在MVC中使用该插件的文章并不多。本文将介绍在MVC3.0如何使用该插件。在介绍该插件之前先简单介绍一下，推荐该插件的原因。在项目中我使用jqgrid比较多。但是发现当进行样式调整时jqgrid的样式常常会让美工头疼。而datatable插件却是一个轻量级的jQuery插件。当我通过浏览器查看该js插件rander后的源码。发现只是一个简单的html table，非常简洁。那么在没有特殊要求的情况下使用这个插件，开发人员js脚本的可维护性将得到简化，美工的样式调整也会变得更轻松！下面介绍如何在MVC3.0中使用Da
阅读全文
摘要：从客户端(WorkContent="<aaa>")中检测到有潜在危险的 Request.Form 值1. 在web.config文件中 <system.web> <httpRuntime requestValidationMode="2.0"/> </system.web>2. 在action中 增加特性 [ValidateInput(false)]
阅读全文
摘要：引言:前几天 我写了一个小应用(学习jquery+asp.net mvc) 同时 也给公司解决一些远程登记工作日志的问题 (原来远程也可以登记 但是速度慢 是winform客户端通过webservices连接)由于是第一次使用这2个知识点 遇到了一些问题 怕以后忘记了 记录在这里 也给同学一些帮助1. Model 层 一般是一个类 在这个类里面包括了呈现在页面上的所有的内容 可以是实体对象 也可以是DataSet 如果是单个值 可以不放在Model中 （放在ViewData["您的变量"]） View和Model关系的建立 可以在创建View的时候 选择 也可以创建好视图以
阅读全文
摘要：jquery对<select>的操作比较麻烦，我把常用的收集如下： 1.获取选中值： $("#xmzt option:selected").val() //xmzt是<select>的id2.设置选中项：$("select[@id='pagesize_slt']")[0].selectedIndex = 1;//-----<select>的index从0开始，所以1是第二项 很奇怪的是，我是用id来获取的，应该是唯一值，但$("select[@id='pagesize_slt'
阅读全文
摘要：需求：页面上有dropdown之类的控件，当选择里面不同值的时候，下面关联的内容跟着改变。思路：把与 dropdown关联的会改变的内容放到PartialView(ascx)里，用JQuery绑定dropdown的change事件，当选择值改变时，用JQuery ajax请求与PartialView相关的Action，得到数据后讲取到的内容覆盖原来的内容。实现：Model 类：代码 public class User { public string UserName { get; set; } public int Age { get; set; } public int UserID { g
阅读全文
摘要：select控件选项1,获取select选中的value值 $("#selectID").val();2,获取select选中的text的值$("#selectID").find("option:selected").text()3,设置select的第几项为当前选中项$("#selectID").attr("value",2);//设置第二项为当前选中项4，添加option$("selectID").append("<option value='5&
阅读全文
摘要：[{"ID":"275","Cname":"A1"},{"ID":"319","Cname":"A2"},{"ID":"322","Cname":"A3"}]
阅读全文
摘要：js清空option之前清空option ，我的做法是遍历现有option，将其每个子元素都置空即可。现在使用jQuery来实现，我们只需要调用其支持的empty方法即可。empty()删除匹配的元素集合中所有的子节点。 再加上，我们要设默认值，所以此处清空select下所有option的方法，使用下面语句即可：$('#selectId').empty().append( $("<option>这里放默认值</option>") );js动态创建option之前的做法，是借用其中间函数，来实现遍历Ajax返回的json对象。并使用ne
阅读全文
摘要：<script type="text/javascript">$(document).ready(function(){$("#testbutton").click(function(){ //each：遍历数组操作 $.each($("p"), function(i, val){ $("<div>第" + i + "个<p>元素的内容为:<span>" + val.innerHTML + "</span>") .a
阅读全文