实例 当输入域失去焦点 (blur) 时改变其颜色： $("input").blur(function(){$("input").css("background-color","#D6D6FF"); }); <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){$("input").focus(function(){$("input").css("background-color","#FFFFCC");});$("input").blur(function(){$("input").css("background-color","#...
1、对折叠面板区域 div 设置 class=”easyui-accordion” 2、在区域添加多个 div， 每个 div 就是一个面板 （每个面板一定要设置 title 属性）。 3、设置面板属性 fit 为 true，自适应父容器大小 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>easyui-折叠面板accordion的使用</title><!-- 导入jquery核心类库 --><script type="text/javascript" src="../js/jquery-1.8.3.js"></script><!-- 导入easyui类库 --><link...
1、 对选项卡面板区域 div 设置 class=”easyui-tabs” 2、 对选项卡面板区域添加多个 div，每个 div 就是一个选项卡（每个面板一定设置 title） 3、 设置面板 fit 为 true ，自适应父容器大小 4、 设置选项卡 closable 为 true ，添加可关闭按钮 5、通过超链接，点击后，添加新的选项卡 语法： 页面对象.easyui 插件(方法名, 参数) ; <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>easyui-选项卡面板tabs的使用</tit...
需求：点击【增加】按钮，弹出窗口，并对所有输入项内容进行校验，校验通过就提交给后台的action处理，没有通过校验就弹窗提示。<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>管理取派员</title><!-- 导入jquery核心类库 --><script type="text/javascript" src="../../js/jquery-1.8.3.js"></script><!-- 导入easyui类库 --><link rel="stylesheet" type="text/css" href="../../js/easyui/themes/default/easyui.c...
分享说明： 项目需要树状视图形式展示后台返回的数据;并实现点击节点将节点信息添加到右侧的ul中;待后续提交获取使用;选择了能够实现异步加载节点信息的zTree插件,事实也证明这个插件足够强大,能够满足几乎所有需求;刚接触时看了很多人的分享,结合官方api文档,终于实现了功能,现将我学习的总结也分享出去. 效果介绍;除了zTree默认的效果;使用api增加了一些实用的操作;包括手风琴效果;点击父节点展开效果;点击节点文字关联复选框效果...
工作中需要将一个左边的设计好的控件，拖拽到右边的面板中，同时保持右边面板中的控件自由排序，这时候就需要及支持拖拽又支持排序的操作了， Demo截图：从左边控件拖到右边区域代码段： <script type="text/javascript">$(function () {$("#box_wrap1,#box_wrap2").sortable({connectWith: ".box_wrap",helper: "clone",cursor: "move",//移动时候鼠标样式opacity: 0.5, //拖拽过程中透明度placeholder: "box-holdplace",//占位符...
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...
百度一下，自己也想了一下，有一种简单，无脑的方式分享给你： <input ng-model="start" id="start" placeholder="开始日期" style="width:156px;" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text">使用绑定拿不到，但是angular可以兼容jquery，为何不这样去拿:$("#start").val(),节约时间，快！！！ 以上这篇jQuery的时间datetime控件在AngularJs中的使用实例(分享)就是小编分享给大家的全部内容了...
ajaxFileUpload.js 很多同名的，因为做出来一个很容易。 我用的是这个：https://github.com/carlcarl/AjaxFileUpload 下载地址在这里：http://xiazai.jb51.net/201610/yuanma/ajaxfileupload(jb51.net).rar AjaxFileUpload.js并不是一个很出名的插件，只是别人写好的放出来供大家用，原理都是创建隐藏的表单和iframe然后用JS去提交，获得返回值。当初做了个异步上传的功能，选择它因为它的配置方式比较像jQuery的AJAX，我很喜欢。...
jQuery EasyUI是一个轻量级的Web前端开发框架，提供了很多的现成组件帮助程序员减轻前端代码开发量，之前有个项目中就用到了其中的DataGrid。 jQuery EasyUI框架的官方主页,可以下载完整开发包，里面有示例代码可以参考。 运行效果图：由于我使用的是ASP.NET webform技术，下面我就贴出主要的代码以供参考。 在页面中首先要引用相关的css以及js文件，这样才能使用该组件。 css部分：<link href="../Js/jQueryEasyUI/theme/default/...
Jquery在异步提交方面封装的很好，直接用AJAX非常麻烦，Jquery大大简化了我们的操作，不用考虑浏览器的差异了。 $.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax() 一、$.ajax的一般格式$.ajax({type: POST,url: url ,data: data ,success: success ,dataType: dataType }); 二、$.ajax的参数描述 参数 描述 url 必需。规定把请求发送到哪个 URL。 data 可选。映射或字符串值。规定连同请求发送...
今天遇到一个有趣的例子，将它记录下来。 一个一级菜单，里边有一个二级菜单，二级菜单是通过锚点来链接页面元素的。想要实现的效果是当点击锚点时，页面链接到相应锚点，同时二级菜单隐藏，再点击一级菜单时，继续执行。。 其中试了很多种方法都不行，最后通过读jquery的toggle函数实现了。//这样写可以$(".nav").toggle(function(){$(".content").slideToggle();});//这样写不可以$(".nav").toggle(function(){$(".content").sli...
通过jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，然后通过jQuer把数据绑定到事先设计好的html模板上，直接在页面上显示。 我们先来看一下html模板：<table id="datas" border="1" cellspacing="0" style="border-collapse: collapse"> <tr> <th> 订单ID</th> <th> 客户ID</th> <th> 雇员ID</th> <th> 订购日期</th> <th> 发货日期</th> <th> 货主名称</th> <th> 货主地址</th> <th> 货主城市</th> <th> 更多信息</th> ...
代码如下:<!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> new document </title> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> </head> <body> <!DOCTYPE html> <ht...
CSS属性值是逐渐改变的，这样就可以创建动画效果。只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color:red"）。 代码如下:$(#shang).click(function(){$(html,body).animate({scrollTop: 0px}, 800);});上面的代码表示滚动条跳到0的位置，页面移动速度是800。结合scrollTop实用示例： 代码如下:jQuery(document).ready(function($){ $(#shang).click(function(){ $(html,body).animate({...