前端:jQuery笔记

此系列文章乃是学习jQuery的学习笔记。
Asp.net MVC Comet推送
摘要: 一、简介 在Asp.net MVC实现的Comet推送的原理很简单。 服务器端:接收到服务器发送的AJAX请求,服务器端并不返回,而是将其Hold住,待到有东西要通知客户端时,才将这个请求返回。 客户端:请求异步Action,当接收到一个返回时,立即又再发送一个。 缺点:会长期占用一个Asp...阅读全文
posted @ 2015-02-10 12:01 逆心 阅读(1072) | 评论 (0) 编辑

jQuery插件开发方式
摘要: 一、jQuery扩展 1、$.extend(object) 类似于.Net的扩展方法,用于扩展jQuery。然后就可以用$.的方式调用。 $(function(){ $.extend({ fun1: function () { alert("为jQuery扩展一个fun1函数...阅读全文
posted @ 2014-11-27 11:22 逆心 阅读(252) | 评论 (0) 编辑

jQuery之Nestable
摘要: 空间属性置顶:属性说明change事件,当控件改变时触发nestable方法,获取顺序JSON数据,形式如下:[{"id":1},{"id":2},{"id":3,"children":[{"id":4},{"id":5}]}] 今天,有个刚毕业的同事要做一个“排序出港”的功能,看了他用的控件...阅读全文
posted @ 2014-08-29 18:58 逆心 阅读(4981) | 评论 (0) 编辑

jqGrid使用记录
摘要: 一、要引用的文件 要使用jqGrid,首先页面上要引入如下css与js文件。 1、css 2、js 二、使用要点说明 1、获取值 1、获取单个id 获取行号,有这种方式: var rowid = $("#grid-table").jqGrid("getGridParam"...阅读全文
posted @ 2014-07-29 17:17 逆心 阅读(39728) | 评论 (2) 编辑

Windbg符号与源码 《第二篇》
摘要: 符号文件是一种辅助数据,它包含了对应用程序代码的一些标注信息,这些信息在调试过程中非常有用。如果没有辅助数据,那么能获得的信息就只有应用程序的二进制文件。二进制文件很难调试,因为无法看到代码中的函数名、数据结构名等。这正是符号文件能显示的。符号文件的扩展名通常是pdb,调试器能够很好地解析这种文...阅读全文
posted @ 2014-05-15 10:22 逆心 阅读(2254) | 评论 (1) 编辑

jQuery 获取 URL信息
摘要: jQuery获取URL信息有很多方法,但是使用这个插件就非常爽了。 托管地址在:http://github.com/allmarkedup/jQuery-URL-Parser // http: //localhost:19090/home/index?id=1 ...阅读全文
posted @ 2013-10-24 19:06 逆心 阅读(311) | 评论 (0) 编辑

jQueryEasyUI
摘要: 使用EasyUI最好的方法不是学会,所有的东西都敲一遍,你也没办法敲得完,而是找到一个好的文档。 http://files.cnblogs.com/kissdodog/jQueryEasyUI%E4%B8%AD%E6%96%87%E5%B8%AE%E5%8A%A9%E6%89%8B%E5%86...阅读全文
posted @ 2013-09-09 13:01 逆心 阅读(2083) | 评论 (1) 编辑

AJAX - 跨域
摘要: 一、jsonp 其实我本以为jsonp能够做到利用AJAX任意访问别人的程序代码,但是我发现实际并不是我想象的那样,因为jsonp要改动服务器端的代码。别人的服务器端代码怎么改啊?除非别人愿意,否则你还是不能用AJAX获取别人的数据。 Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准;其实jsonp的原理就是远程执行js。 示例-服务器端代码:namespace AJAXDomain.Controllers{ public class HomeController : Controller { ...阅读全文
posted @ 2013-06-21 16:16 逆心 阅读(302) | 评论 (0) 编辑

SWFUpload批量上传插件
摘要: SWFUpload是一个批量上传插件,在HTML4.1里面,估计也只有Flash+javascript配合才能够做到了。先复制个重要的网址,这个应该是官方的文档了,相当齐全。http://leeon.me/upload/other/swfupload.html#uploadStart这个是格式比较好看的。http://www.cnblogs.com/2050/archive/2012/08/29/2662932.html算了,这个文档的内容太多,各种属性各种方法,记不了这么多,直接贴上个实例算了。前台是视图javascript代码: <script src="@Url.Cont阅读全文
posted @ 2013-01-24 22:09 逆心 阅读(9141) | 评论 (1) 编辑

jQuery工具函数
摘要: 一、$.browser对象属性 属性列表 说明 webkit webkit相关浏览器则返回true,否则返回false,如google,傲游。 mozilla mozilla相关浏览器则返回true,否则返回false,如火狐 saf...阅读全文
posted @ 2012-12-27 13:39 逆心 阅读(1079) | 评论 (0) 编辑

jQuery之Jcrop
摘要: 头像裁剪是一个经常用到的功能,实现原理也较为简单,就是在本地选择好所需裁剪图片的坐标,将坐标发送到服务器,由服务器执行图片裁剪操作。jQuery插件Jcrop提供了强大的图片裁剪坐标选择插件。一下来介绍它的用法。本处采用了AJAX本地上传一张图片的方法让用户裁剪。很多验证没有做,因为作为一个关于Jcrop的例子,很多验证不如与本文研究的范畴。服务器端采用MVC3实现。直接贴代码,详解注释里面有了。一、前台页面代码。<link href="http://www.cnblogs.com/Content/jquery.Jcrop.css" rel="stylesh阅读全文
posted @ 2012-12-21 14:02 逆心 阅读(6630) | 评论 (0) 编辑

jQuery插件之jqzoom
摘要: jqzoom是一款基于jQuery的图片方法插件。使用方法:1.引入jQuery与jqzoom,jqzoom.css 2.准备两张一大一小大小相同的图片,小图片放在<img>标签的"src"属性里,给img标签加个<a>标签,<a>标签的"href"属性链向大图片参数说明:zoomWidht: 小图片所选区域的宽度。 zoomHeight: 小图片所选区域的高度。 zoomType: 默认值为standard。如果设为reverse,在小图片仲,移入鼠标时,所选区域高亮,非选中区域淡灰色。 xOffset: 放大后的图阅读全文
posted @ 2012-12-15 22:40 逆心 阅读(6080) | 评论 (0) 编辑

jQuery插件之artDialog
摘要: artDialog是一个非常强大的弹出框插件。默认有两个版本,一个是jQuery版,一个是javascript版。功能非常多,而且使用非常简单。不写了,直接贴上官网的预览运行地址,以后用得着的时候去那里找代码就OK了。 官网预览地址:http://www.planeart.cn/demo/artDialog/_doc/API.html阅读全文
posted @ 2012-12-15 16:18 逆心 阅读(5201) | 评论 (0) 编辑

jQuery插件之ajaxFileUpload
摘要: 一、ajaxFileUpload是一个异步上传文件的jQuery插件。 传一个不知道什么版本的上来,以后不用到处找了。 语法:$.ajaxFileUpload([options]) options参数说明:1、url 上传处理程序地址。 2,fileElementId ...阅读全文
posted @ 2012-12-15 10:48 逆心 阅读(127878) | 评论 (13) 编辑

jQuery插件之Cookie
摘要: 一、jQuery.Cookie.js插件是一个轻量级的Cookie管理插件。 特别提醒,今日发现一个特别的错误,google浏览器提示:has no method $.cookie。火狐浏览器提示:$.cookie is not a function;调试了半天,终于找到原因,如果同一个页面两次或者多次引入jQuery插件就会报此错误。 使用方法: 1、引入jQuery与jQuery.Cookie.js插件。 <script src="jQuery.1.8.3.js" type="text/javascript"></script>阅读全文
posted @ 2012-12-14 23:48 逆心 阅读(13937) | 评论 (2) 编辑

jQuery插件之Form
摘要: 一、jQuery.Form.js 插件的作用是实现Ajax提交表单。 方法: 1.formSerilize() 用于序列化表单中的数据,并将其自动整理成适合AJAX异步请求的URL地址格式。 2.clearForm() 清除表单中所有输入值的内容。 3.restForm 重置表单...阅读全文
posted @ 2012-12-13 22:28 逆心 阅读(13323) | 评论 (0) 编辑

jQuery_基础
摘要: 一、jQuery与DOM对象的转换。 1、jQuery对象转换为DOM对象:$cr[0] 或 $cr.get(0) $cr为jQuery对象 2、DOM对象转换为jQuery对象:$(cr) cr为Dom对象;阅读全文
posted @ 2012-12-13 22:22 逆心 阅读(149) | 评论 (0) 编辑

jQuery之AJAX
摘要: 一、load() 加载页面数据 load(url,[data],[callback]) url:加载的页面地址,[data]传送的数据,[callback]加载完成时回调函数。 设计一个load.html代码如下: 我是div1 我是div2 ...阅读全文
posted @ 2012-12-09 22:38 逆心 阅读(7107) | 评论 (2) 编辑

jQuery之元素筛选
摘要: 1、eq() 筛选指定索引号的元素2、first() 筛选出第一个匹配的元素3、last() 筛选出最后一个匹配的元素4、hasClass() 检查匹配的元素是否含有指定的类5、filter() 筛选出与指定表达式匹配的元素集合6、is() 检查元素是否参数里能匹配上的7、map()8、has() 筛选出包含指定子元素的元素9、not() 排除能够被参数中匹配的元素10、slice() 从指定索引开始,截取指定个数的元素11、children() 筛选获取指定元素的资源12、closest() 从当前元素开始,返回最先匹配到的符合条件的父元素13、find(...阅读全文
posted @ 2012-12-09 10:53 逆心 阅读(7140) | 评论 (0) 编辑

jQuery之位置
摘要: 1、offset()获取匹配元素在相对浏览器窗口的偏移量 返回一个对象,包括两个属性。left:相对浏览器窗口左边的距离。top:相对浏览器顶部的距离。 $("#div1").offset().left; //返回id为div1相对于浏览器窗口最左边的距离 $("#div1").offset().top; //返回id为div1相对于浏览器窗口最顶部的距离 以下例子展示了,当点击文本框时,在下方显示一个日期div。紧紧贴住上面的文本框。并且不需要调div的css位置,无论上面的文本框位置如果变化,都能够紧紧且住上面的文本框,记得在前几天搞爱的车轮战报名系阅读全文
posted @ 2012-12-09 10:24 逆心 阅读(6081) | 评论 (0) 编辑

jQuery之动画效果
摘要: 1、show()显示效果 语法:show(speed,callback) Number/String,Function speend为动画执行时间,单位为毫秒。也可以为slow","normal","fast" callback可选,为当动画完成时执行的函数。 show(speed,[easing],callback) Number/String easing默认是swing,可选linear; $("#div1").show(3000,function(){ alert("动画显示完成!"); }); 阅读全文
posted @ 2012-12-08 14:13 逆心 阅读(12789) | 评论 (0) 编辑

jQuery插件之validate
摘要: 一、jQuery.validate简介 jQuery.validate.js插件用于对表单输入进行验证,其使用配置非常简单。支持多事件触发,自带多种验证规则,还支持自定义验证规则。 1、配置方法 先导入jQuery库,然后导入Validate插件,如果是中文提示还需要导入messages_z...阅读全文
posted @ 2012-12-05 23:15 逆心 阅读(5072) | 评论 (0) 编辑

jQuery开发经验实例笔记
摘要: jQuery获取文件选择输入框的扩展名var file=$("input[name='file']").val()var filename=file.replace(/.*(\/|\\)/, ""); //文件名var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : ''; //扩展名今天在用ajaxfileupload时,遇到一个要刷新一次页面才能再次上传,用live()方法来绑定<input type="f阅读全文
posted @ 2012-12-04 23:51 逆心 阅读(918) | 评论 (0) 编辑

jQuery之事件
摘要: 一、事件列表 1.blur() 当失去焦点时触发。包括鼠标点击离开和TAB键离开。 2.change() 当元素获取焦点后,值改变失去焦点事触发。 3.click() 当鼠标单击时触发。 4.dblclick() 当鼠标双击时触发。 5.error() ...阅读全文
posted @ 2012-11-26 12:38 逆心 阅读(1062) | 评论 (0) 编辑

jQuery之DOM
摘要: 1.jQuery属性。获取元素属性的语法:attr(name) 例子:$("#img1").attr("src");设置元素单个属性的语法:attr(key,value) 例子:$("#img1").attr("src","2.jpg");设置元素多个属性的语法:attr({key0:value0,key1:value1}) 例子:$("#img1").attr({src:"3.jpg",title:"jQuery换了一张图片"});通阅读全文
posted @ 2012-11-20 23:18 逆心 阅读(976) | 评论 (1) 编辑

jQuery之选择器
摘要: 基本选择器: #id 根据Id匹配一个元素 .class 根据给定的类名匹配一个元素 element 根据元素名匹配一个元素 * 匹配所有元素 selecttor1,selector2 并集,返回两个选择器匹配到的元素层次选择器: ancestor descendant 根据祖先匹配所有的后代元素 parent>child 根据父元素匹配所有的子元素,直接后代 prev+next 匹配下一个兄弟元素 相当于next()方法 prev~siblings ...阅读全文

转载于:https://www.cnblogs.com/zxtceq/p/5212549.html

前端:jQuery笔记相关推荐

  1. 【前端学习笔记】JavaScript + jQuery + Vue.js + Element-UI

    前端学习笔记 JavaScript jQuery Vue.js Element-UI Java 后端部分的笔记:Java 后端笔记 JavaScript 基础语法(数据类型.字符串.数组.对象.Map ...

  2. jQuery笔记总结篇

    首先,来了解一下jQuery学习的整体思路 jQuery系统学习篇 jQuery系统学习篇-XMind源文件提供参考下载 Jquery笔记 jQuery笔记总结-XMind源文件提供参考下载 第一节 ...

  3. 前端学习笔记:Bootstrap框架入门

    前端学习笔记:Bootstrap框架入门 一.Bootstrap概述 1.基本信息 ​Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS. ...

  4. 初学前端,学习路线图必不可少,更有【95页】初级前端模块笔记!

    前言 在初学前端的时候,我们总会遇到一些问题,我们可以在网上看到很多关于前端的这些问题: 你们都是怎么学web前端的? 零基础,怎么自学好前端? 前端需要学多久,都学哪些知识? 想成为一名合格的前端工 ...

  5. 尚硅谷 jQuery 笔记(张晓飞 2018)

    title: 尚硅谷 jQuery 笔记 date: 2020-11-24 21:40:50 toc: true description: jQuery是JS的一个封装的库函数集,用于DOM的CRUD ...

  6. 前端学习笔记:省市区三级联动

    前端学习笔记:省市区三级联动 一.数据库 sql表是自关联的表. 表名:province_city_district 字段: id:区域自身的id pid:区域的父级id name:区域自身的名字 二 ...

  7. 95页字节跳动内部前端学习笔记在互联网上火了,完整版开放下载

    前端工程师学习路线 一.入门前端三剑客 1.HTML html 学起来还是挺简单的,无论你是否有编程基础,我觉得都可以快速入门,对于新手,我推荐找个入门的视频看一下,然后跟着视频打代码就可以了,入门教 ...

  8. jQuery笔记综合

    jQuery笔记 一. jQuery入门 目标: 能够说出什么是jQuery 能够说出jquery的优点 能够简单使用jquery 能够说出dom对象和jquery对象的区别 1.jQuery概述 仓 ...

  9. Web前端JQuery面试题(三)

    Web前端JQuery面试题(三) 1.怎么阻止冒泡过程? stopPropagation(); // 阻止冒泡过程 2.ready()方法和onload()方法的区别? onload()方法要等页面 ...

最新文章

  1. zabbix详细介绍及其自动动态发现
  2. SpringMVC 表单验证
  3. 关于openGL学习心得
  4. python类常用装饰器
  5. Necessary configuration to get Smart business tile work in UXT/928
  6. Python遍历字典的四种方法对比
  7. 第一章 Shiro简介——《跟我学Shiro》
  8. 【小项目】SSM 实现单表 CRUD
  9. html页面在f5刷新后把所有值清零,页面刷新列表内容不丢失
  10. ps 转换透明 背景图
  11. 安全测试(初测)报告
  12. python 移动平均线_使用python计算简单移动平均线
  13. iphone自适应屏幕亮度_如何降低iPhone的亮度低于iOS允许的亮度
  14. c语言定义数组中字母怎么输入,c语言数组怎么输入?
  15. 苹果手机用计算机打不开,苹果手机更新ios11后,照片在电脑上打不开怎么办?...
  16. 用户编写的python程序、无需修改就可以_超星泛雅大学英语A(Ⅳ答案
  17. mysql frm idb_mysql/mariadb的数据恢复。没有libdata1,只有frm和idb文件的innodb的数据恢复...
  18. 入门Python需要掌握的技能有哪些?
  19. 开源备份工具duplicity支持阿里云OSS后端存储
  20. 孩子为什么不愿意再跟家长沟通?家长该怎么办

热门文章

  1. oracle数据库sqlloader,sql loader ---ORACLE SQLLDR
  2. jq 控制td只显示一行_CSS让表格里的内容强制显示一行,超出长度显示省略号
  3. python人脸_Python 使用 face_recognition 人脸识别
  4. html5编辑器新手用,3款容易上手的HTML5编辑工具推荐~
  5. 重庆理工大学国际学院计算机图形学试题,哈尔滨理工大学-第一学期考试试题答案B卷考试.doc...
  6. ospf工作原理_OSPF动态路由配置经典案例
  7. c++矩阵连乘的动态规划算法并输出_「Javascript算法设计」× 动态规划与回溯算法...
  8. 【渝粤教育】国家开放大学2018年春季 0222-22T模拟电子电路 参考试题
  9. 【渝粤教育】国家开放大学2018年春季 0269-21T文学概论 参考试题
  10. 【渝粤教育】广东开放大学 商法 形成性考核 (40)