随笔分类 -  06 JQuery

jQuery UI (00)简介
摘要:一、jQuery UI简介 jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择。 jQuery UI包含了许多维持状态的小部 阅读全文

posted @ 2020-03-16 14:13 springsnow 阅读(383) 评论(0) 推荐(0) 编辑

jQuery UI (18)菜单部件(Menu Widget)
摘要:带有鼠标和键盘交互的用于导航的可主题化菜单。 实例 一个简单的 jQuery UI 菜单(Menu)。 代码 <ul id="menu"> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> <li><a href="#"> 阅读全文

posted @ 2020-03-16 14:08 springsnow 阅读(773) 评论(0) 推荐(0) 编辑

jQuery UI (17)旋转器部件(Spinner Widget)
摘要:通过向上/向下按钮和箭头键处理,为输入数值增强文本输入功能。 一、实例 普通的数字选择器。 代码 <input id="spinner"> <script> $( "#spinner" ).spinner(); </script> 查看演示 旋转器(Spinner),或数步进控件(number st 阅读全文

posted @ 2020-03-16 14:06 springsnow 阅读(310) 评论(0) 推荐(0) 编辑

jQuery UI (16)工具提示框部件(Tooltip Widget)
摘要:可自定义的、可主题化的工具提示框,替代原生的工具提示框。 一、实例 使用带有 title 属性的所有元素的事件代理,在文档上创建一个工具提示框(Tooltip)。 代码: 锚文本 查看演示 工具提示框(Tooltip)取代了原生的工具提示框,让它们可主题化,也允许进行各种自定义: 显示不仅仅是标题的其他内容,就如内联的脚注或通过 Ajax 检索的额外内容... 阅读全文

posted @ 2020-03-16 14:05 springsnow 阅读(478) 评论(0) 推荐(0) 编辑

Jquery(20)JQgrid处理json数据
摘要:jqGrid 实例中文版网址:http://blog.mn886.net/jqGrid/国外官网:http://www.trirand.com/blog/jqgrid/jqgrid.htmlhttp://free-jqgrid.github.io/http://www.guriddo.net/demo/guriddojs/http://www.trirand.com/jqgridwiki/doku... 阅读全文

posted @ 2020-02-11 11:40 springsnow 阅读(2304) 评论(0) 推荐(0) 编辑

Jquery(16)Jquery定义对象( 闭包),扩展对象成员
摘要:一、添加对象的静态属性和静态方法: 声明一个对象MyObject,添加一个b的静态属性和myclick的静态方法。 (function ($) { MyObject = function () { };//定义对象 $.extend(MyObject, { b: 5 }, { myclick: fu 阅读全文

posted @ 2020-01-09 11:43 springsnow 阅读(640) 评论(0) 推荐(0) 编辑

Jquery(15)Jquery 回调对象与延迟对象
摘要:一、回调对象Callbacks jQuery 1.7 版本中新增的 jQuery.Callbacks() 函数,返回一个多功能对象,此对象提供了一种强大的方法来管理回调列表。它能够增加、删除、触发、禁用回调函数。 1、定义和用法 $.Callbacks() 指一个多用途的回调函数列表对象,提供了一种强大的方法来管理回调函数列对。 提示: $.Callbacks 是在 jQuery 内部使用... 阅读全文

posted @ 2020-01-08 18:33 springsnow 阅读(444) 评论(0) 推荐(0) 编辑

Jquery(01)jQuery的下载以及使用
摘要:一、概述1、版本选择jquery官网 jQuery的版本有很多,大家在选择版本的时候,一般原则是越新越好,但其实不然,jQuery版本是在不断进步和发展的,最新版是当时最高技术水平,也是最先进的技术理念。目前jQuery有三个大版本:1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016年5月20日)2... 阅读全文

posted @ 2019-10-31 16:36 springsnow 阅读(1708) 评论(0) 推荐(0) 编辑

Jquery(14)Jquery无须浏览实现直接下载文件
摘要:一、常用方式: 1、通常GET方式 后面带明文参数,不安全。 window.location.href = 'http://localhost:1188/FileDownload.aspx?token=SCBC#’; 2、ajax为什么不能下载文件 ajax支持的服务器返回数据类型有:xml、json、script、html,其他类型(例如二进制流)将被作为String返... 阅读全文

posted @ 2019-10-31 14:35 springsnow 阅读(7864) 评论(0) 推荐(0) 编辑

jQuery UI (15)图标
摘要:jQuery UI 提供了大量可以通过对元素应用 Class 名称来使用的图标(Icons)。 Class 名称大体上遵循语法 .ui-icon-{icon type}-{icon sub description}-{direction}。 例如,下面将显示一个向北的厚箭头的图标: 图标也集成到一些 jQuery UI 的小部件,比如 accordion、button、men... 阅读全文

posted @ 2018-08-12 00:42 springsnow 阅读(289) 评论(0) 推荐(0) 编辑

Jquery(12)Jquery Ajax跨域访问
摘要:同源策略 一、跨域的集中方法: 服务器端发送请求,服务器作为中继代理(此方法不理解) iframe script标签 通过动过动态生成script标签,并将src指向目标源的方式 原生实现方式示例: var url="www.xxx.baidu.com/aa.js",scriptTag=document.createElement("script");scrip... 阅读全文

posted @ 2018-08-12 00:31 springsnow 阅读(1449) 评论(0) 推荐(0) 编辑

Jquery(13)Jquery this的指向
摘要:JavaScript中的this不总是指向当前对象,函数或类中的this指向与调用这个函数的对象以及上下文环境是息息相关的。 如在全局作用域调用一个含this的对象,此时当前对象的this指向的是window。 为了让this的指向符合自己的意愿,JavaScript提供了两个方法用以改变this的指向,它们是call和apply,当然也有利用闭包来实现的方法。 在Jquery 中的this... 阅读全文

posted @ 2018-08-12 00:31 springsnow 阅读(1129) 评论(0) 推荐(0) 编辑

Jquery(18)Jquery Cookie操作
摘要:定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术; 下载与引入:jquery.cookie.js基于jquery;先引入jquery,再引入:jquery.cookie.js;下载:http://plugins.jquery.com/cookie/ 一、创建Cookies 1.创建或设置cookie值: $.cookie('the_c... 阅读全文

posted @ 2018-08-12 00:30 springsnow 阅读(208) 评论(0) 推荐(0) 编辑

Jquery(07)Jquery 操作DOM元素
摘要:一、文本输入框: text 1、获取文本值: $("#input1").val(); 2、选中文本: $("#input1").select(); 3、禁用、启用文本框 $("#input1”].attr("disabled",true); 4、只读、取消只读: $("#input1”].attr("readonly",true); 二... 阅读全文

posted @ 2018-08-12 00:29 springsnow 阅读(178) 评论(0) 推荐(0) 编辑

Jquery(17)Jquery 其他
摘要:一、集合、数组、对象操作 jQuery.each():遍历一个jQuery对象或者数组,为每个匹配元素执行一个函数。 jQuery.param():创建一个序列化的数组或对象,适用于一个URL 地址查询字符串或Ajax请求。 jQuery.grep():查找满足过滤功能数组元素。原始数组不受影响。 jQuery.inArray():搜索数组中指定值并返回它的索引(如果没有... 阅读全文

posted @ 2018-08-12 00:28 springsnow 阅读(192) 评论(0) 推荐(0) 编辑

Jquery(11)Jquery AJAX
摘要:一、AJAX请求 1、jQuery.ajax(url,[settings]): 通过 HTTP 请求加载远程数据。 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数。 Example: 保存数据到服务器,成功时显示信息。 $.ajax({ ... 阅读全文

posted @ 2018-08-12 00:27 springsnow 阅读(511) 评论(0) 推荐(0) 编辑

Jquery(04)Jquery 事件
摘要:一、概述: 当用户与浏览器进行交互时这些方法被用于注册行为生效,并进一步处理这些注册行为。 二、绑定事件处理器 1、.on(): 在选定的元素上绑定一个或多个事件处理函数。 on( events [, selector ] [, data ], handler(eventObject) ) Example1: 当点击段落时,显示该段落中的文本: $("p").on("click... 阅读全文

posted @ 2018-08-12 00:26 springsnow 阅读(290) 评论(0) 推荐(0) 编辑

Jquery(05)Jquery 动画
摘要:一、基本效果 1、.show():显示匹配元素 .show() .show( [duration ] [, complete ] ) .show( options ) .show( [duration ] [, easing ] [, complete ] ) 2、.hide():隐藏匹配的元素。 3、.toggle():显示或隐藏匹配元素。 .toggl... 阅读全文

posted @ 2018-08-12 00:25 springsnow 阅读(129) 评论(0) 推荐(0) 编辑

Jquery(06)Jquery DOM操作
摘要:一、DOM 插入现有元素内 .append():根据参数设定在每个匹配元素里面的末尾处插入内容。 .appendTo():将匹配的元素插入到目标元素的最后面(译者注:内部插入)。 .prepend():将参数内容插入到每个匹配元素的前面(元素内部)。 .prependTo():将所有元素插入到目标前面(元素内)。 .text():得到匹配元素集合中每个元素的文本内容... 阅读全文

posted @ 2018-08-12 00:25 springsnow 阅读(176) 评论(0) 推荐(0) 编辑

Jquery(08)Jquery 属性
摘要:一、通用属性 1、.attr(): 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。 .attr( attributeName ) .attr( attributeName, value ) .attr( attributes ) .attr( attributeName, function(index, attr) ) 2... 阅读全文

posted @ 2018-08-12 00:24 springsnow 阅读(187) 评论(0) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示