本文实例为大家封装了Jquery EasyUI简化操作，供大家参考，具体内容如下 //confirm function Confirm(msg, control) {$.messager.confirm(确认, msg, function (r) {if (r) {eval(control.toString().slice(11));}});return false; }//load function Load() {$("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%", height: $(window).height() }).appendTo("body");$("<div class=\"datagrid-mask-ms...
开发过程中，AJAX的应用应该说非常频繁，当然，jQuery的AJAX函数已经非常好用，但是小编还是稍微整理下，方便不同需求下，可以简化输入参数，下面是实例代码：$(function(){/*** ajax封装* url 发送请求的地址* data 发送到服务器的数据，数组存储，如：{"date": new Date().getTime(), "state": 1}* async 默认值: true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。* 注意，同步请求将...
【前言】在大型项目的开发中，插件化是一种趋势，将相似的多次使用的东西封装成公共的插件，以提高开发效率。其他开发人员在调用插件的时候，只需简单的一两行代码就可以实现非常复杂的内容或者效果。在这一节里面我就跟大家分享一下，我是如何封装一个输入框插件的。【呈现分析】（1）默认展示：边框为灰色，中间有输入提示信息（2）获取焦点：边框为蓝色，无输入内容时中间有输入提示信息，有输入内容的时候中间显示输入内容（3）...
1. 禁止右键点击$(document).ready(function(){$(document).bind("contextmenu",function(e){return false;}); });2. 隐藏搜索文本框文字$(document).ready(function() { $("input.text1").val("Enter your search text here");textFill($(input.text1)); });function textFill(input){ //input focus text functionvar originalvalue = input.val();input.focus( function(){if( $.trim(input.val()) == originalvalue ){ input.v...
ajax （ajax开发）简介 AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 在实际的项目里，ajax的应用频率很高，所以尽...
经过前两部分的讲解，我们大概知道内容滑动切换的基本开发思路和技巧，现在我们在第三部分将前面两部分的代码进行优化，封装成一个jQuery插件：jquery.hwSlide.js。开发者可以轻松创建各种图片轮播效果、焦点图效果、图文混排滑动效果。下载源码hwSlider具有以下特性：?多个参数定制，满足不同项目需求。 ?支持移动端触控滑动。 ?支持图文混排，支持各种html元素。 ?响应式自适应屏幕尺寸。 ?同一页面支持多个滑动切换。 ?轻量级的...
本文大概分为三步实现jquery ajax通过js封装，通过代码实例讲解，代码附有注释，比较容易理解，具体详情如下所示： 第一步：引入jQuery库<script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script> 第二步：开发Ajax封装类，已测试通过，可以直接调用，直接贴代码，讲解就省了/***************************************************************** jQuery Ajax封装通用类 (linjq) ******************...
本文实例汇总了基于jQuery的项目常见函数封装。分享给大家供大家参考，具体如下： /// <reference path="jquery-1.8.0.min.js" /> /* * DIV或元素居中 * @return */ jQuery.fn.mCenterDiv = function () {this.css("position", "absolute");this.css("border", "1px solid #ccc");this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop() + "px");this.css("left", ($(window).width() - this.width())...
本文实例讲述了jQuery封装的屏幕居中提示信息代码。分享给大家供大家参考，具体如下： function showLoad(tipInfo, type, autohide) {var pic = "";switch (type) {case 0: // loadingpic = "./Images/loading.gif";break;case 1: // okpic = "./Images/right.png";break;case 2: // errorpic = "./Images/error.png";break;default: //其他任何值时pic = "./Images/loading.gif";break;}var eTip = document.createElement(div);e...
有一种情况：全站都要用异步方式来调用 数据，提交数据，那么你每次操作 都会要$.ajax({.....}) 写重复的方法 和代码，冗余太大， 也浪费时间，虽说你有代码自动提示补全，但真的不优雅，身为前端极客，是不能允许的！ 【嘿嘿！虽说我现在基本不用jquery了 ，不过异步概念 是永远要用的，就帮助下新人】 jQuery Ajax通用js封装 第一步：引入jQuery库 <script type="text/javascript" src="/js/jquery.min.js"></script>第二步：开发...
本文为大家介绍了jQuery中常用知识点及函数，包含许多细节方面的知识，下面我们一起学习一下。jQuery中为我们提供了很多有用的属性，自己总结的一些常用的函数。个人认为在在线排盘开发中会比较常用的，仅供大家学习和参考。 刚开始学习前端的时候开始整理这个文档，现在内容已经逐渐增多。虽然现在看起来，文档里的内容非常简单，但是看着这些内容，好像还依稀记得这一行行代码当时被记录的情景。所以我想把这段回忆保存起来，为刚...
在网站开发中经常会用到选项卡功能，为了节省一下写代码时间，封装了一下tab插件，方便调用。 创建选项卡组件 使用方法： html结构<div id="tabs"><ul><li><a href="#tabs-1">tab-1</a></li><li><a href="#tabs-2">tab-2</a></li><li><a href="#tabs-3">tab-3</a></li></ul><div id="tabs-1">tabs-1-panel</div><div id="tabs-2">tabs-2-panel</div><div id="tabs-3">tabs-3-panel</div></div> js调用$(#tab).tabs(); 相关参数说明...
摘要：jQuery已经成为项目中最常见的js库，也是前端开发最喜欢使用的库。下面是在项目中封装了jQuery的Ajax，分享给大家。 代码：代码如下: // ajax 请求参数 var ajaxSettings = function(opt) { var url = opt.url; var href = location.href; // 判断是否跨域请求 var requestType = jsonp; if (url.indexOf(location.host) > -1) requestType = json; requestType = opt.dataType || requestT...
看了jQueryUI Dialog的例子，效果还不错，就是用起来有点儿别扭，写出的代码有点拧巴，需要再封装一下！于是就有了下面这个简单的DialogHelper辅助类，因为这篇文章分享的重点是思路，所以目前版本的代码也还非常粗糙。思路对了，后续再封装成什么样都不过是形式而已，希望这个思路能给大家点启迪，同时欢迎大家开拓思维，提出更好的改进意见。代码如下: //require ScrollHelper.js function DialogHelper() { var _this = thi...
插件名称命名为:jquery.tableresize.js，代码如下：代码如下: /* Writen by mlcactus, 2014-11-24 这是我封装的一个jquery插件，能够使table的各列可以左右拉伸，从而使宽度变小或变大 用法： 单个table：$("#table_id").tableresize(); 页面所有table：$("table").tableresize(); */ (function ($) { $.fn.tableresize = function () { var _document = $("body"); $(this).each(function () { ...