jQuery是一种非常强大的客户端JS编程技术，这里不想过多阐述它的相关背景知识，只想简单演示一下如何与asp.net的控件结合开发。 比如，我们要做一个下面如图所示的功能，效果是状态、编号、数字1、数字2、平均值所有的项都是通过后台绑定，如何点击checkbox按钮，来实现自动计算当前行两个数字的平均值呢？前提是用jQuery来实现？我们直接在页面的Page_Load事件中输入如下代码：protected void Page_Load(object sender, EventArgs...
jQuery EasyUI是一个轻量级的Web前端开发框架，提供了很多的现成组件帮助程序员减轻前端代码开发量，之前有个项目中就用到了其中的DataGrid。 jQuery EasyUI框架的官方主页,可以下载完整开发包，里面有示例代码可以参考。 运行效果图：由于我使用的是ASP.NET webform技术，下面我就贴出主要的代码以供参考。 在页面中首先要引用相关的css以及js文件，这样才能使用该组件。 css部分：js部分：由于jQuery EasyUI基于jQuery，所以必需...
1. 原理jquery-mockjax是用于mock 前台ajax向后台请求的返回数据。 原理很简单 在你js代码要发送ajax请求的地方断点一下，然后比较在【引入jquery-mockjax】 和 【没有引入jquery-mockjax】的情况下$.ajax.toString()的值情况。 很明显，引入jquery-mockjax时，这个mock库会对jquery提供的ajax函数做替换。这样就很容易能mock起来。 在实际的开发过程中，前端后台协商好了统一的接口，就各自开始自己的任务了。这时候我有这么一个 ...
validate插件是一个基于jquery的表单验证插件了里面有许多的常用的一些验证方法我们可以直接调用，具体的我们一起来看看。 例子，html代码$(document).ready(function(){ //提交 $('#submit').click(function(){ var pay_password = $('#pay_password').val(); var password_Repeat = $('#password_Repeat').val(); var password_old = $('#password_old').val(); var data = { 'pay_password':pay_password, 'password_Repeat':p...
本文实例讲述了jQuery unbind()方法使用方法。分享给大家供大家参考，具体如下： jQuery 中的 unbind() 方法是 bind() 方法的反向操作，从每一个匹配的元素中删除绑定的事件。 语法结构：代码如下:unbind([type][, data]); type是事件类型，data为将要移除的事件。具体说明如下： 1、如果没有参数，则删除所有的绑定事件； 2、如果提供了事件类型(type)作为参数，则只删除该类型的绑定事件； 3、如果把在绑定时传递的处理函数作为第...
本文实例讲述了jQuery绑定事件监听bind和移除事件监听unbind用法。分享给大家供大家参考，具体如下： 这里分别采用后bind(eventType,[data],Listener)//data为可选参数,one()该方法绑定的事件触发一次后自动删除，unbind(eventType,Listener), 实例：unbind(eventType,listener)$(function(){var fnMyFunc1; //函数变量$("img").bind("click",fnMyFunc1 = function(){ //赋给函数变量$("#show").append("点击事件1");}).bind("clic...
本文实例分析了jQuery中bind(),live(),delegate(),on()绑定事件方法。分享给大家供大家参考，具体如下： 前言 因为项目中经常会有利用jquery操作dom元素的增删操作，所以会涉及到dom元素的绑定事件方式，简单的归纳一下bind,live,delegate,on的区别，以便以后查阅，也希望该文章日后能帮助到各位朋友，文中如有不当之处，还望各位指正，话不多说，直接进入正题。 一、bind() 简要描述 bind()向匹配元素添加一个或多个事件处理器。 ...
siblings() 获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的。 jQuery 的遍历方法siblings()$("给定元素").siblings(".selected") 其作用是筛选给定的同胞同类元素（不包括给定元素本身）例子：网页选项栏当点击任意一个选项卡是，其他2个选项卡就会改变样式，其内容也会隐藏。下面是html代码。家居 电器 二手我是家居的内容 欢迎您来到电器城 二手市场，产品丰富多彩jQuery代码$(function() { $("#menu li").each(func...
本文实例讲述了jquery插件开发模式。分享给大家供大家参考，具体如下： jquery插件一般有三种开发方式： 通过$.extend()来扩展jQuery通过$.fn 向jQuery添加新的方法通过$.widget()应用jQuery UI的部件工厂方式创建第一种$.extend()相对简单，一般很少能够独立开发复杂插件，第三种是一种高级的开发模式，本文也不做介绍。第二种则是一般插件开发用到的方式，本文着重讲讲第二种。 插件开发 第二种插件开发方式一般是如下定义 $.fn....
jQuery Migrate是应用迁移辅助插件，是用于高级版本兼容低级版本辅助插件。 例如jQuery版本用的是1.x，计划升级到3.x，就可以在页面删除1.x版本，换成3.x版本，如果有脚本错误，就引入jquery-migrate插件用于兼容低版本，同时也显示低版本方法替换成新版本方法的方案。 例子： <!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>test</title> <script type="text/javascript" src="jquery-1.6.1.js"></script><script...
本文实例为大家分享了jQuery轮播图实例的具体代码，供大家参考，具体内容如下1、html+css+js代码 <!DOCTYPE html> <html> <head><title></title><style type="text/css">*{margin: 0;padding: 0;text-decoration: none;}body{padding: 20px;}#container{min-width: 1000px;/*width: 1300px;*/height: 400px;overflow: hidden;position: relative;margin: 0 auto;}#list{/*width: 9100px;*/height: 400px;position: absolute;z-inde...
搜索框实现搜索一个ul列表中的指定关键词的li。 html代码： <ul class="todo-content"> <li class="todo-ltem"><div class="todo-tip"><p>fhasjfas</p></div><div class="todo-btnlist"><button class="btn-finish">完成</button><button class="btn-finish">修改</button><button class="btn-finish">删除</button></div></li><li class="todo-ltem"><div class="todo-tip"><p>fhasjfas</p></div><div class="todo-btnlist"><...
应用场景： 我们应该经常见到系统中出现列表，会有一个对列表数据的操作（如删除， 修改，查看等）。我们可以在每个列表项后面加一个删除按钮，把列表项的相关参数（如 id）post到后台进行删除。当然如果你每次只要删除一两条数据这样子做并没有什么问题，但是如果你需要一次性删 除100条，你还去一条 条的删除吗？每一次删除10条会不会更好些呢？ 好了，接下来。我们就使用jQuery解决这个问题。 首先，假设我们需要删除5个列表项。...
经过几天的尝试和学习，封装了自己的第一个js组件,有很多不足之处还请赐教。因为一些业务需求，需要给图片添加一些标注，从网上找了一些但都不能满足需求，并且存在一些bug，坑太多因此就有想法自己封装一个，学习了其他类似组件的实现思路，以及js组件的开发思路，开发了jquery.picsign组件jQuery图片标注组件（jquery.picsign）在线演示：http://artlessbruin.gitee.io/picsign/gitee：https://gitee.com/ArtlessBruin/PicSign1....
e-smart-zoom-jquery.js插件，下载地址及示例：https://github.com/e-smartdev/smartJQueryZoom 插件描述：通过将鼠标悬停在图片上，滚动鼠标滚轮即可实现图片的放大或者缩小效果。 smartZoom使用 举个栗子，上代码： <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>joannau</title><style>* {padding: 0;margin: 0;}.imgCon {width: 800px;height: 500px;margin: 40px auto;border: 2px solid #000;}.imgD...