jQuery技术文档
海蓝树
做个有思想的“猿”
展开
-
jquery怎么取消双击事件监听
jquery提供多种取消双击事件监听的方法转载 2022-07-09 10:48:02 · 340 阅读 · 0 评论 -
jqgrid表格无数据时显示提示语
loadComplete:function(){istableNull(grid_selector);}function istableNull(tableid){ var re_records = $(tableid).getGridParam('records'); tableid = tableid.substr(1,tableid.length); if(re_records === 0 || re_records == null){...转载 2021-09-28 15:04:38 · 618 阅读 · 0 评论 -
layui框架——弹出层layer
两种调用方法:1、引用独立的layer.js文件 引入好layer.js后,直接用即可 <script src="layer.js"></script> <script> layer.msg('hello'); </script> 2、调用layui中的layer模块...转载 2019-10-23 10:57:55 · 1600 阅读 · 0 评论 -
easyUI+bootstrap工作站,主要学习tabs方法
demo下载地址:http://download.csdn.net/detail/cometwo/9466657登陆页 html> head> meta charset="UTF-8"> script type="text/javascript" src="js/jquery-1.11.1.min.js">script>转载 2016-07-19 11:45:13 · 1587 阅读 · 0 评论 -
jquery选择器
基本选择器:$(”#myELement”) —— 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$(”div”) —— 选择所有的div标签元素,返回div元素数组 $(”.myClass”) —— 选择使用myClass类的css的所有元素 $(”*”) —— 选择文档中的所有的元素,以运用多种的选择方式进行联转载 2015-10-06 14:27:22 · 403 阅读 · 0 评论 -
jQuery 遍历 - find() 方法 练习1
Hello, how are you? Me? I'm good. $("p").find(":input[value='2']").css('color','red');原创 2014-12-10 20:25:58 · 595 阅读 · 0 评论 -
Jquery-find filter区别
find()会在div元素内 寻找 class为classname的元素。filter()则是筛选div的class为classname的元素。基本是find子元素找,filter是平级找·find 函数是在当前对象集合的子元素中进行查询;·filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围;·find 函数的参数是 jQuery 选择器表达式;转载 2013-07-16 11:36:56 · 637 阅读 · 0 评论 -
Aptana Studio 2.0 对JQuery的智能提示的支持
最近做项目要用到JQuery,以前没有用到过,只有好好的研究下了,以前都是用1st JavaScript Editor来做Js文件的,由于目前这个IDE还不支持JQuery的智能提示功能,只能用另一个工具来替代了,它就是Aptana Studio ,关于两者的的比较不做太多的论述,打个比方:1st JavaScript Editor就是小家碧玉,Aptana Studio 就是大家闺秀。 如果谁有转载 2014-10-14 09:57:58 · 612 阅读 · 0 评论 -
jquery trigger 2个用法
"Content-Type" content="text/html; charset=UTF-8" /> "text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> "text/javascript"> $(document).ready(func转载 2014-06-01 09:51:16 · 657 阅读 · 0 评论 -
JQuery中extend详细介绍和使用
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可...转载 2014-06-13 17:58:04 · 677 阅读 · 1 评论 -
jQuery源码解析之jQuery.extend(),jQuery.fn.extend()
给jQuery做过扩展或者制作过jQuery插件的人这两个方法东西可能不陌生.jQuery.extend([deep],target,object1,,object2...[objectN])jQuery.fn.extend([deep],target,object1,,object2...[objectN])这两个属性都是用于合并两个或多个对象的属性到target对象.deep是转载 2014-06-11 16:21:26 · 644 阅读 · 0 评论 -
JQuery EasyUI 的加载等待效果....
前面一直在讲EasyUI的用法,我也是最近在用这个东西,觉得这个组件里面还是有很多问题,很多的不足。比如,如果你加载一个带有弹出框的表格页面,如果加载速度很慢的话会出现下面的效果: 即很长一段时间会出现窗口没有初始化的效果,等一段时间后就会初始化完成,就没有这个画面,但是如果网速很慢的话会出现想当一段时间的白色,那么如果用户看来,可能会以为效果出了问题。转载 2015-12-01 14:11:31 · 2668 阅读 · 0 评论 -
easyui validatebox 验证类型
required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字",转载 2015-12-01 20:07:19 · 338 阅读 · 0 评论 -
jQuery基础---filter()和find()
这是jQuery里常用的2个方法。他们2者功能是完全不同的,而初学者往往会被误导。首先 我们看.find()方法:现在有一个页面,里面HTML代码为;程序代码div class="css"> p class="rain">测试1p>div>div class="rain"> p>测试2p>div>如果我们使用fin转载 2014-12-10 20:39:02 · 397 阅读 · 0 评论 -
Bootstrap可编辑表格
1.说明继续送福利了,居于Bootstrap可编辑表格,编辑框支持下拉和日期,先上图看下效果,如图1:这是居于bootstrap-table进行扩展的功能,bootstrap-table的使用这边就不多说了,日期控件用的是bootstrap-datetimepicker,下拉控件bootstrap-select 这个是小编自己写的bootstrap-table API地址:ht转载 2017-02-22 16:36:26 · 1525 阅读 · 3 评论 -
bootstrap-table的一些配置参数 POST提交
bootstrap-table的一些配置参数[html] view plain copy $('#reportTable').bootstrapTable({ method: 'post', url: '/qStock/AjaxPage', dataType: "json", striped: tr转载 2017-03-04 17:25:20 · 23406 阅读 · 0 评论 -
获取iFrame框架中Form表单提交后的结果
xhEditor中的方式是:先提交Form表单,Form.submit();然后再设置iFrame加载完成事件,用于获取表单提交成功后的结果,iFrame.load(loadFunc());loadFunc方法中,获取表单提交结果的方法如下:Var responseTxt = $(iFrame.contentWindow.document.body).text();若responseTxt转载 2017-05-28 08:32:03 · 9124 阅读 · 1 评论 -
jQuery对象与DOM对象的相互转化
jQuery是一个类数组对象,DOM对象就是一个单独的DOM元素,他们都是可以操作的DOM元素。一、jQuery对象转化为DOM对象有以下两种方法:方法一:利用数组下标的方式读取jQuery中的DOM对象HTML代码:1 <div>元素一</div>2 <div>元素二</div>3 <div>元素三<...转载 2019-04-06 15:22:58 · 3784 阅读 · 0 评论 -
asp.net MVC学习系列-前后台数据校验
转载 https://blog.csdn.net/weixin_41715295/article/details/79292637Web页面,是一个数据进入的接口,对数据的合法性、正确性检测非常重要。做好表单数据验证工作可以防止那些攻击数据以及不合理数据。通过使用客户端和服务器端双重验证,可以保证表单数据的安全性。有时候客户端验证不是太安全的,可以设法绕开客户端验证,所以服务端验证也是需要的。...转载 2019-04-18 08:56:38 · 311 阅读 · 0 评论 -
jqgrid 单击行启用行编辑,切换行保存原编辑行
为了加速表格互动编辑,我们往往希望通过选中行就触发了行编辑,完成行编辑后,再选中另一个行做编辑,同时上一个编辑行被自动保存,直至完成需要的编辑内容。页面效果可能如下:1)设置需要编辑的列editable: true参考如下: colModel: [ { label: '字段编码', name: 'FieldCode', key: tru...转载 2019-09-01 16:45:57 · 1477 阅读 · 0 评论 -
jquery ajax 方法及各参数详解
在使用jquery的时候,我们经常用到jquery中对ajax的封装,下面对ajax函数的各参数详细说明和讲解,以便更好的理解和使用 $.get(url, data, callback,type) 和 $.post(url, data, callback, type). 1、 jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据这个是jQuer转载 2013-11-22 14:07:43 · 2447 阅读 · 0 评论 -
jquery学习笔记
1.通过选择器中不同的配置来找寻数据的节点,再通过jquery的其他方法,对节点进行操作(例如:$.bind('',function(){})等等) 方法即: $(selector,document) 和 $(selector).filter ,$(selector,document).find(其中内容类似于selector) 确定数据节点位置。其中选择器内容 属性用“[ attr原创 2013-06-28 14:45:18 · 682 阅读 · 0 评论 -
将form以ajax方式提交
jQuery.fn.extend({ ajaxForm : function (fn){ var data = {'ajax':1}; $(this).find('input[type="text"],input[type="password"],input[type="hidden"],textarea,select:not([multiple])'转载 2013-06-27 17:04:51 · 678 阅读 · 0 评论 -
jQuery常用功能大全
1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是转载 2013-07-12 09:32:59 · 960 阅读 · 0 评论 -
Jquery的parent和parents(找到某一特定的祖先元素)
关于Jquery的parent和parentsparent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。可以看出parent取的很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子说明:$('p').pa转载 2013-07-12 08:13:17 · 698 阅读 · 0 评论 -
JQuery $.ajax 如何捕获异常信息
下面是Jquery中AJAX参数详细列表:参数名类型描述urlString(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。tim转载 2013-03-18 08:25:52 · 3538 阅读 · 0 评论 -
降低即时搜索的服务器压力
在做即时搜索(就是像百度搜索输入文本框内容的时候自动搜索出类似的信息)的时候一般都是点击键盘触发搜索事件 一般用onkeydowm或onkeyup (也许onpropertychange是很好的,但可惜在ff和chorme下是不支持的)这样每次点击键盘就会搜索 如果有很多用户的情况下,那么服务器的压力是很大的 怎么办 只能减少提交搜索次数解决了下面这两个方法是文本框每次onkeyup的触发事件--转载 2012-01-30 10:45:27 · 504 阅读 · 0 评论 -
Jquery实现回车键Enter切换焦点
系统默认情况下,使用Tab按键切换页面元素的焦点,有没有想过回车键Enter也可以实现这种功能,并且具有良好的用户体验。接下来我们使用Jquery实现回车键Enter切换焦点,此代码在常用浏览器IE7, IE8, Firefox 3, Chrome 2 和 Safari 4测试通过。使用的开发工具是微软VS2010+Jquery框架实现步骤如下1、首先引用Jquery类库2、Javascript代码原创 2011-05-22 13:43:00 · 913 阅读 · 0 评论 -
手把手教你用CAB发布OCX的简单办法
<br />CAB是一种文件压缩格式,把OCX文件(ActiveX插件)压缩成CAB文件是为了发布它,<br />这种发布方式给人感觉“浏览器会自动安装该插件”,很多朋友钟情于此。<br />目前流行很多压缩工具,但WINRAR这类工具生成的CAB文件浏览器无法识别。<br />经过试用,发现用Windows系统文件CABARC来制作CAB是最简单有效的办法,<br />下面以打印控件Lodop为例,一步步了解制作CAB文件和部署发布的过程:<br /> <br />第一步、判断操作系统是否有CABARC文原创 2011-01-26 10:59:00 · 1534 阅读 · 0 评论 -
jquery 里的each使用方法详解
<br />jquery 里的each使用方法详解<br /> 有个同事问我each使用方法,我把我知道的用法告诉他.他却说不是这样的......如是在网上小逛了一下,果然用法有很多.下面总结下大慨的使用方法.<br /> each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:转载 2010-09-04 10:02:00 · 543 阅读 · 0 评论 -
jQuery each()方法的使用方法
<br />each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。<br />jQuery和jQuery对象都实现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内部的子元素进行逐个调用。<br />jQuery.proto转载 2010-09-04 09:52:00 · 617 阅读 · 0 评论 -
用jQuery给符合条件的子元素加上class一例(经典)
这几天在写一个导航菜单的 jQuery 效果,简单来说就是主菜单鼠标 hover 时向上拉并淡入弹出子菜单,但是主菜单有8个,前面的4个要 float:left,后面4个要float:right。这时要给后面4个主菜单在子元素ul加个class(如oo),而且要这个ul下的li加另外一个class(如xx),用jQuery来实现。……还是用图片来说明吧……一、菜单样式、 html 结构转载 2013-06-28 08:48:23 · 5715 阅读 · 0 评论 -
jquery 里bind()和live()函数的区别和用法
jquery 里bind()和live()函数的区别和用法bind:$("p").bind("click", function(){ alert( $(this).text() );});$("form").bind("submit", function() { return false; })$("form").bind("submit", function(event转载 2013-06-27 21:29:41 · 879 阅读 · 0 评论 -
return false 正确运用
可能在你刚开始学习关于jQuery事件处理时,看到的第一个例子就是关于如何阻止浏览器执行默认行为,比如下面这段演示click事件的代码:$("a.toggle").click(function () { $("#mydiv").toggle(); return false; // Prevent browser from visiting `#`转载 2013-09-14 15:59:48 · 738 阅读 · 0 评论 -
asp.net(c#)快速生成Json格式的数据(JsonHelper)
using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.IO;using Newtonsoft.Json;using System.Data; namespace VeryCodes.Common{ ///转载 2013-07-02 10:53:31 · 4141 阅读 · 0 评论 -
easyui data-options的使用
data-options是jQuery Easyui 最近两个版本才加上的一个特殊属性。通过这个属性,我们可以对easyui组件的实例化可以完全写入到html中,例如:1<div class="easyui-dialog" style="width:400px;height:200px"2 d转载 2013-07-18 10:19:21 · 7077 阅读 · 1 评论 -
C#将datatable生成easyui的绑定tree 的json数据格式
/// /// 根据DataTable生成Json树结构 /// /// 数据源 /// ID列 /// Text列 /// 关系字段(字典表中的树结构字段) /// 父ID(0) StringBuilder result = new StringBuilder(); StringBuilder sb =转载 2013-07-02 10:18:42 · 1898 阅读 · 0 评论 -
JQuery异步反序列化DataTable返回Json数据,并生成HTML
$(function () { $.post("ajax/getData.ashx", function (serverdata) { //alert(serverdata); var Djson = jQuery.parseJSON(serverdata);转载 2013-07-02 10:37:21 · 1886 阅读 · 0 评论 -
Jquery中获取table中某列值的方法
花了一晚上的时间解决了一个看似很容易的问题。今晚做的这个东西中由于要获取某列中的一个ID值。如果是用平常的那种JS传值的方式此问题就不存在,但是由于此次用到的都是jquery插件,包括各种弹出框,用JS传值就得用JS那丑陋的弹出框,所以,你懂得。 网上找了很多方法,用起来都不行,后来想到了jquery中的鼠标事件,可以在鼠标经过table时,获得当前行与列的值。页面如下转载 2013-07-16 17:46:56 · 2364 阅读 · 0 评论 -
使用jquery操作iframe
使用jquery操作iframe1 内容里有两个ifame leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document.body).attr("src","http://www.radys.cn")2 如果内容里面有一个ID为mainiframe的ifame ifame转载 2013-07-16 10:41:32 · 697 阅读 · 0 评论