【JS】Jquery
三天不学习
学海无涯回头是岸
展开
-
asp.net 关于UpdatePanel刷掉js的解决办法
var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_endRequest(function () {//在这下面写你的js或jquery代码 $(function () { //你的js函数 });原创 2016-04-06 14:19:30 · 601 阅读 · 0 评论 -
jquery操作select
1、获取当前选中项的value $("#selector").val();2、获取当前选中项的text $("#selector").find("option:selected").text();3、设置value为"值"的项选中 $("#selector).val("值");4、设置text为“值”的项选中 $("原创 2016-09-28 14:58:40 · 452 阅读 · 0 评论 -
Nicescroll滚动条插件的用法
Nicescroll滚动条插件是一个非常强大的基于JQUERY的滚动条插件,不需要增加额外的css,几乎全浏览器兼容。ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。官网地址:http://www.areaaperta.com/nicescroll/引入核心文件,插件需要引入1.5.X以上版本的jquery库最简单的用法如下:原创 2016-10-17 13:50:39 · 35871 阅读 · 1 评论 -
jQuery插件开发
jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方原创 2016-12-01 16:36:56 · 415 阅读 · 0 评论 -
jquery中ajax处理跨域的三大方式
由于JS同源策略的影响,因此js只能访问同域名下的文档。因此要实现跨域,一般有以下几个方法:一、处理跨域的方式:1.代理2.XHR2HTML5中提供的XMLHTTPREQUEST Level2(及XHR2)已经实现了跨域访问。但ie10以下不支持只需要在服务端填上响应头:header("Access-Control-Allow-Origin:*");/*星号表示所有的域都转载 2016-11-25 16:55:46 · 426 阅读 · 0 评论 -
jQuery遍历对象、数组、集合
1.jquery 遍历对象 New Document $(function(){ var tbody = ""; //------------遍历对象 .each的使用------------- //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json原创 2016-12-26 17:59:31 · 674 阅读 · 0 评论 -
WebApi 跨域问题解决方案:CORS
一、跨域问题的由来同源策略:出于安全考虑,浏览器会限制脚本中发起的跨站请求,浏览器要求JavaScript或Cookie只能访问同域下的内容。正是由于这个原因,我们不同项目之间的调用就会被浏览器阻止。比如我们最常见的场景:WebApi作为数据服务层,它是一个单独的项目,我们的MVC项目作为Web的显示层,这个时候我们的MVC里面就需要调用WebApi里面的接口取数据展现在页面上。因转载 2017-02-10 17:56:01 · 2289 阅读 · 0 评论 -
jquery tmpl 详解
动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。 这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在浏览器端拼数据就在服务器端拼数据。不过,从传输量方面来看,返回 HTML 不划算,而在 web 传输方面,现在更多的是使用 JSON 而不是 XML。浏览器端根据 JSON 生成转载 2016-04-06 11:29:07 · 3294 阅读 · 0 评论 -
Json对象与Json字符串互转
1、jQuery插件支持的转换方式: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2、浏览器支持的转换方式 : JSON.parse(jsonstr); //可以将json字符串转换成json对象 实例:var jsonStr = '{"name":"lss"原创 2016-04-25 11:10:05 · 1250 阅读 · 0 评论 -
jquery的bind跟on绑定事件的区别
jquery的bind跟on绑定事件的区别:主要是事件冒泡;jquery文档中bind和on函数绑定事件的用法:.bind(events [,eventData], handler).on(events [,selector] [,data], handler) 从文档中可以看出,.on方法比.bind方法多一个参数'selector'.on的selector参数是筛选出调用.on方法的dom元...原创 2018-07-03 22:40:58 · 189 阅读 · 0 评论 -
Select2 使用
一、组件说明以及API说明Select2使用示例地址:https://select2.github.io/examples.htmlSelect2参数文档说明:https://select2.github.io/options.htmlSelect2源码:https://github.com/select2/select2二、源码示例项目需要,需要做个选原创 2016-10-13 14:28:05 · 16741 阅读 · 4 评论 -
layer 分页控件
layPage demo //测试数据 var data = [ '北京', '上海', '广州', '深圳', '杭州', '长沙', '合肥', '宁夏原创 2016-04-06 11:08:16 · 5216 阅读 · 0 评论 -
JqueryUI拖拽——”放“API
OptionsacceptType: Selector or Function()Default: "*"控制可拖动的元素被拖放接受。支持多种类型:Selector: 一个选择器可拖动的元素。Function: 函数将被调用页面上的每一个可拖动的(传递给函数的第一个参数)。该函数必须返回true,如果可拖动应该接受。Code examples:使用原创 2016-04-06 11:55:27 · 1006 阅读 · 0 评论 -
JqueryUI拖拽——“拖”API
1$( ".selector" ).draggable({ addClasses: false });在组件初始化之后,读取或设置addClasses选项123456// gettervar addClasses = $( ".selector" ).dra原创 2016-04-06 11:54:47 · 1739 阅读 · 0 评论 -
jquery.Ajax()方法调用Asp.Net后台的方法解析
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。先来个简单的实例热热身吧。1、无参数的方法调用asp.net code:复制代码 代码如下:using System.Web.Script.Services; [WebMethod] public static string SayHello() {原创 2016-04-06 11:31:13 · 568 阅读 · 0 评论 -
实现图像剪裁 jquery.Jcrop
前台主要方法 配合 jquery.Jcrop 实现上传图片进行剪裁保存功能 jQuery(function ($) { //target是的id jQuery('#target').Jcrop({ onChange: show原创 2016-04-06 11:49:19 · 663 阅读 · 0 评论 -
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()一,$.get(url,[data],[callback])说明:url为请求地址,data为请求数据的列表,callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数。而其中,服务器返回数据的格原创 2016-04-06 11:44:28 · 2811 阅读 · 0 评论 -
jQuery.Form.js 的用法
jQuery.Form.js 插件的作用是实现Ajax提交表单。 方法: 1.formSerilize() 用于序列化表单中的数据,并将其自动整理成适合AJAX异步请求的URL地址格式。 2.clearForm() 清除表单中所有输入值的内容。 3.restForm 重置表单中所有的字段内容。即将所有表单中的字段恢复到页面加载时的默认值。 疑问:ajaxF原创 2016-05-10 22:13:28 · 4926 阅读 · 0 评论 -
uploadify 3.0 详细使用说明
官网地址:使用://绑定的界面元素 $("#gallery").uploadify({ 设置参数,参数如下. }); 设置的属性:id: jQuery(this).attr('id'),//绑定的input的ID langFile: 'http://www.static-xxx.nu/uploader/uploadifyLang_en.js',//语言包的路径,能设置所有的原创 2016-05-06 15:26:34 · 1136 阅读 · 0 评论 -
jQuery打印插件jqprint
插件描述:一个通过单击页面按钮,便实现页面打印的jQuery插件jqprint。请注意!很多朋友遇到 Cannot read property 'opera' of undefined错误问题是juqery版本兼容问题解决方法:加入迁移辅助插件jquery-migrate-1.0.0.js可解决版本问题="http://code.jquery.com/jquery-migrat原创 2016-06-22 12:04:07 · 3824 阅读 · 2 评论 -
电子签章盖章之jQuery插件jquery.zsign
简介: 使用jquery.zsign可以实现电子签章盖章效果,使用方便,只需提供自己的章图片。效果图如下: 页面引用: $(function () { top.$(".content-iframe").css("background-color", "#f9f9f9"); $(".price-box").z原创 2016-08-27 19:24:45 · 14633 阅读 · 4 评论 -
jqGrid API
JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信。JQGrid Demo 是一个在线的演示项目。在这里,可以知道jqgrid可以做什么事情。下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适。jqGrid学习之 ------------- 安装jqGrid安装很简单,只需把相应的css、js文件加入到页面中即原创 2016-08-25 16:38:26 · 1290 阅读 · 0 评论 -
Datatables 在asp.net mvc中的使用
前言最近使用ABP(ASP.NET Boilerplate)做新项目,以前都是自己扩展一个HtmlHelper来完成同步/异步分页,但是有个地方一直不满意,排序太费劲。以前接触过一点点的Datatables,知道它的排序非常方便,点击表头即可排序,还支持多列排序,然后就把Datatables集成到项目里了。Datatables简介Datatables(以下简称dt)是一款j转载 2016-09-21 16:14:40 · 2062 阅读 · 0 评论 -
瀑布流排版-jquery.masonry.min.js使用说明
官网下载:http://masonry.desandro.com/简单用法:<div id="container"> <div class="item">...</div> ...</div>//CSS.item { width: 220px; margin: 10px; float: left;}//JS$(functi...原创 2019-02-21 17:36:13 · 2579 阅读 · 0 评论