一、WebService.asmx： 处理业务数据，在GetPerson方法中产生Person实体类数据，供JqueryRequest.aspx调用，代码如下: 代码如下: [WebMethod] public Person GetPerson(string name, int age, string address) { Person p = new Person() { Name = name, Age = age, Address = address }; return p; } 二、Person.cs实体类： 代码如下: public class Person { private string _name; public string Name { get { return ...
一、WebService.asmx 处理业务数据，在GetWhether方法中产生天气情况数据，供JqueryRequest.aspx调用，代码如下: 代码如下: [System.Web.Script.Services.ScriptService] public class WebService : System.Web.Services.WebService { public WebService () { //如果使用设计的组件，请取消注释以下行 //InitializeComponent(); } [WebMethod] public string GetWhether(string cityId) { Random r = new Random(); int degree...
一、WebService.asmx： 处理业务数据，在GetDataSet()方法中产生DataSet(XML)数据，供JqueryRequest.aspx调用，代码如下: 代码如下: [WebMethod] public DataSet GetDataSet() { DataSet ds = new DataSet(); DataTable dt = new DataTable(); dt.Columns.Add("Name", Type.GetType("System.String")); dt.Columns.Add("Password", Type.GetType("System.String")); DataRow dr = dt.NewRow(); dr["Name"] = "小花"; dr["P...
jquery-autocomplete配置： 首先是一个最简单的Autocomplete（自动完成）代码片段： 代码如下: AutoComplate $(function() { var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" "); $('#keyword').autocomplete(data).result(function(event, data, formatted) { alert(data); }); }); result方法是jQuery Autocomplete插件里的重要方法，它在用户在选...
一、Ajax所有过程事件分析JQuery在执行Ajax的过程中会触发很多事件。 这些事件可以分为两种事件，一种是局部事件(Local)，一种是全局事件(Global)。 局部事件：可以通过$.ajax来调用,你某一个Ajax请求不希望产生全局的事件，则可以设置global:false。 全局事件：跟click等事件类似,可以绑定到到每一个DOM元素上。 这些事件的按照事件的触发顺序如下介绍：局部事件(Local) 全局事件(Global)ajaxStart 全局事件开始新的Ajax请...
一. 先对jQuery制作方式，jQuery为开发扩展提拱了两个方法，分别是： jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 1.1、jQuery.fn.extend(object): 可以参靠jquery参考手册的连个例子： 代码如下: $.fn.extend({ check: function() { return this.each(function() { this.checked = true; }); }, uncheck: function() { return this.each(function() { this....
很多公司的前端设计开发人员都是女孩子，而这些女孩子很多JavaScript技能都不是很好。而前端开发过程中，JavaScript技能又是必不可少的。所以，如果前端小MM正在为某个JavaScript效果发愁的时候，你潇洒的过去，然后对她说：“嗨，美女，用这个吧。这是我写的一个jQuery插件。”我想基本上你的人生大事就能很快解决。 先想好做个什么功能 这是第一步，也是很重要的一步，鉴于咱们都是刚学习写jQuery插件，所以，这个功能一定要简单...
LinkButton【链接按钮】 使用说明 使用到的头文件：easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js 代码如下:easyui JQuery代码 代码如下:$(#btn).linkbutton(options); 特性说明 名称 类型 描述 默认值disabled boolean 启用、禁用按钮 falseplain boolean 是否启用样式 false查看演示 官方文档MenuButton【菜单按钮】 MenuButton包括链接按钮跟菜单 创建一个MenuButton就要指派一个菜单的linkbutton属性 使...
James Padolsey Color Switcher点击右上角的颜色方块，可以换配色。 Visit Site Dragon Interactives jQuery Navigation定制了jQuery的浏览菜单，把鼠标移到上面，渐变非常漂亮。 Visit Site FamSpams FaceBox定制jQuery中FaceBox提供效果很酷的lightbox，FaceBox现在已经是一个jQuery的插件。 Visit Site Grooveshark Widget Creator没有提供一个常见的flash菜单，而是通过jQuery提供了定制菜单，让你能够拥有自己的music widgets...
一，首先，制作jQuery插件需要一个闭包 代码如下: (function ($) { //code in here })(jQuery); 这是来自jQuery官方的插件开发规范要求，使用这种编写方式有什么好处呢？ a) 避免全局依赖。 b) 避免第三方破坏。 c) 兼容jQuery操作符'$'和'jQuery ' 二，有了闭包，在其中加入插件的骨架 代码如下: $.fn.dBox = function (options) { var defaults = { //各种属性及其默认值 }; var opts = $.extend(defaults, options); //funct...
推荐阅读：jQuery插件开发精品教程让你的jQuery提升一个台阶 既然说到基于jQuery的ajax分页插件，那我们就先看看主要的代码结构：（我觉得对咱们程序员来说再优美的文字描述、介绍也 比不上代码来得实在。）1、首先定义一个pager对象：var sjPager = window.sjPager = { opts: { //默认属性 pageSize: , preText: "pre", nextText: "next", firstText: "First", lastText: "Last", shiftingLeft: , shiftingRight: , preLeast: , n...
注意js放的位置，要放的靠近，若被其他覆盖，则无法移动。 比如：可移动的DIV引入jquery.js, jquery-ui.js,一句：$("#move").draggable();如希望，点住时鼠标变手形：$("#move").mousedown(function(){ $(this).css("cursor","pointer"); }).mouseup(function(){ $(this).css("cursor","default"); });下面给大家分享一段通用代码jquery实现拖动div的通用方法
废话不多说了，直接给大家贴代码，具体代码如下所示：$(function () {createSelect("addSel");addOption("addSel", "first", "第一个数据");addOption("addSel", "secord", "第二个数据");addOption("addSel", "three", "第三个数据");addOption("addSel", "four", "第四个数据");addOption("addSel", "fives", "第五个数据");removeOneByIndex("addSel", 0);removeOneByValue("addSel", "three");//****************以验证不可以根...
本文详细的介绍了关于jQuery中mouseleave和mouseout的区别，分享给大家供大家参考，具体内容如下 很多人在使用jQuery实现鼠标悬停效果时，一般都会用到mouseover和mouseout这对事件。而在实现过程中，可能会出现一些不理想的状况。 先看下使用mouseout的效果：先看下使用mouseout的效果：使用了mouseout事件↓第一行 第二行 第三行jQuery(document).ready(function($) { $("#title").mouseover(function() { var offset = $(this)....
本文实例讲述了基于jQuery实现的无刷新表格分页。分享给大家供大家参考，具体如下： 效果图如下：html结构：css样式：html,body{margin: 0;padding:0} a:focus {outline: none;} /* 通用表格显示 */ table, th, td {font: 12px Arial,Helvetica,sans-serif,宋体;margin: 0;padding: 0} table{border-spacing: 0;border-collapse: collapse;} .datatable {width: 100%;border-style: none;background-color: #fff;margin-bottom: 20...