jquery 实现拖拽排序
摘要：<!DOCTYPE html> <html> <head> <title>jQuery UI sortable()实现拖动排序</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script sr
阅读全文
posted @ 2022-04-12 17:56
随笔分类 - Jquery
js 拖拽
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2021-06-28 21:46
jquery DOM模型添加 删除
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
阅读全文
posted @ 2021-04-27 10:49
jquery插件编写【转载】
摘要：如今做web开发，jquery 几乎是必不可少的，就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了，用过的都知道。今天我们来讨论下jquery的插件机制，jquery有着成千上万的第三方插件，有时我们写好了一个独立的功能，也想将其与j
阅读全文
posted @ 2017-04-17 15:55
jquery 页面加载效果
摘要：30个jquery 页面加载效果 30个jquery 页面加载效果 30 CSS Page Preload Animations 加载效果列表 30 CSS Page Preload Animations 30 CSS Page Preload Animations 加载效果列表 加载效果列表 Sq
阅读全文
posted @ 2017-03-24 11:16
jsonp实现跨域访问json数据
摘要：前台js 后台访问的json数据格式必须为：函数名({json数据}) ！ 这里的函数名称是callback，下面是返回的json测试数据 方案二 修改服务器的header文件 res.header("Access-Control-Allow-Origin", "*"); res.header("A
阅读全文
posted @ 2016-09-13 16:21
锚链接，添加滑行效果
摘要：$(function(){ $('a[href*=#],area[href*=#]').click(function() { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { var ...
阅读全文
posted @ 2016-08-24 15:14
jQuery的extend属性（非常好的用于封装插件，给出接口用）
摘要：在一些html中常常看到插件的使用：例如：$('#slides').slides({ preload: true, container:'slides_container', slidesLoaded: function() { jQuery('.caption').fadeIn(800); }});这个就是一个slides函数给出的api接口，它将一个js功能封装，给出一些接口：preload，container，slidesLoaded，这样只要按照接口说明传入相应的值就能正常运行这个功能函数。其中jQuery就是一个巨大的功能函数。这个简单
阅读全文
posted @ 2012-12-24 17:52
日期时间正则表达式
摘要：正则表达式(?n:^(?=\d)((?<day>31(?!(.0?[2469]|11))|30(?!.0?2)|29(?(.0?2)(?=.{3,4}(1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|(16|[2468][048]|[3579][26])00))|0?[1-9]|1\d|2[0-8])(?<sep>[/.-])(?<month>0?[1-9]|1[012])\2(?<year>(1[6-9]|[2-9]\d)\d{2})(?:(?=\x20\d)\x20|$))?(?<time&
阅读全文
posted @ 2012-09-07 17:19
jquery获得下拉框的值
摘要：获取Select ：获取select 选中的 text : $("#ddlRegType").find("option:selected").text();获取select选中的 value: $("#ddlRegType ").val();获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex;设置select:设置select 选中的索引： $("#ddlRegType ").get(0).selectedIndex=index;//ind
阅读全文
posted @ 2012-09-07 15:24
51 地图标注接口
摘要：1. 51map 标注接口 实现在地图上标注位置、采集位置信息等操作。说的普通点就是获得地图上某个地方的经纬度和放缩比例 使用这个接口需要引入两段js: <script language="javascript" src="http://api.51ditu.com/js/maps.js"></script> <script language="javascript" src="http://api.51ditu.com/js/ezmarker.js"></script&g
阅读全文
posted @ 2012-09-06 14:02
JQuery插件写法
摘要：JQuery插件写法的总结 最近Web应用程序中越来越多地用到了JQuery等Web前端技术。这些技术框架有效地改善了用户的操作体验，同时也提高了开发人员构造丰富客户 端UI的效率。JQuery本身提供了丰富的操作，但是，有时候我们需要根据我们自己的业务和系统特色（风格）构造一些我们常用的前端UI组
阅读全文
posted @ 2012-05-03 09:53
240多个jQuey插件
摘要：“jQuery 是继 prototype 之后又一个优秀的 Javascrīpt 框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明
阅读全文
posted @ 2012-05-03 09:37
jquery ajax .net使用
摘要：jquery是一个优秀的javascript框架，大大提高了javascript代码的简洁性，同时也降低了javascript的难度。关于具体的jquery函数请参考http://www.cnblogs.com/greatxj/articles/2260357.html。对于jquery中的ajax...
阅读全文
posted @ 2012-04-18 15:45
jquery load的使用
摘要：调用load方法的完整格式是：load( url, [data], [callback] ),其中 url：是指要导入文件的地址。 data：可选参数；因为Load不仅仅可以导入静态的html文件，还可以导入动态脚本，例如PHP文件，所以要导入的是动态文件时，我们可以把要传递的参数放在这里。 callback：可选参数；是指调用load方法并得到服务器响应后，再执行的另外一个函数。 一：如何使用data 1.加载一个php文件，该php文件不含传递参数 $("#myID").load("test.php"); //在id为#myID的元素里导入test.
阅读全文
posted @ 2012-03-21 11:41
jquery 中，html、val与text三者属性取值的联系与区别
摘要：首先，html属性中有两个方法，一个有参，一个无参1. 无参html（）：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的 是一个String 例子： html页面代码：<div><p>Hello</p></div> jquery代码：$("div").html(); 结果：Hello 2.有参html（val）：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一 个jquery对象 html页面代码：<div></di
阅读全文
posted @ 2012-02-27 11:25
ajaxfileupload的应用
摘要：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type&
阅读全文
posted @ 2012-02-24 10:17
异步 上传文件 ASP.NET
摘要：异步 上传文件 ASP.NET (以上传图片为例子)html代码:<head> //所需要的两个JS<script src="jquery-1.4.2.min.js" type="text/javascript"></script><script src="ajaxfileupload.js" type="text/javascript"></script></head><img alt="" src="&q
阅读全文
posted @ 2012-02-23 18:16
jquery获取值
摘要：1 获取页面上选中的checkbox数量：$("input[type='checkbox']:checked").length或者 $("input[type='checkbox'][name='cbxName']:checked").length2 全选操作： function Check(checked) { $("input[type='checkbox']").each(function(){if($(this).attr("name").in
阅读全文
posted @ 2012-02-23 11:49
