随笔分类 -  jQuery

jQuery 插件写法
摘要：一、jQuery插件的类型 1. jQuery方法 很大一部分的jQuery插件都是这种类型，由于此类插件是将对象方法封装起来，在jQuery选择器获取jQuery对象过程中进行操作，从而发挥jQuery强大的选择器优势。 2. 全局函数法 可以把自定义的功能函数独立附加到jQuery命名空间下，从 阅读全文
posted @ 2016-07-15 11:22 ヤTop灬ヽ 阅读(149) 评论(0) 推荐(0)
js以json形式提交数据，后台接受
摘要：$("#savename").click(function(){ var fananname=$("#editname").val(); var jsonList = eval(createArray()); var jsonText = JSON.stringify(jsonL... 阅读全文
posted @ 2015-04-23 11:45 ヤTop灬ヽ 阅读(1530) 评论(0) 推荐(0)
jsonp详解
摘要：json相信大家都用的多，jsonp我就一直没有机会用到，但也经常看到，只知道是“用来跨域的”，一直不知道具体是个什么东西。今天总算搞明白了。下面一步步来搞清楚jsonp是个什么玩意。同源策略首先基于安全的原因，浏览器是存在同源策略这个机制的，同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加... 阅读全文
posted @ 2015-03-09 12:59 ヤTop灬ヽ 阅读(258) 评论(0) 推荐(0)
masonry结合json 制作无限滚动的瀑布流
摘要：做前端这行的 能直接贴代码就直接贴代码了，不用多说什么别的效果需要引入jquery和jquery.masonry.min.js这两个JSJS代码如下：$(document).ready(function(){ var $container = $('.space_main_con1 .con'); ... 阅读全文
posted @ 2015-01-24 21:03 ヤTop灬ヽ 阅读(514) 评论(0) 推荐(0)
jquery中的ajax方法详解
摘要：定义和用法ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更... 阅读全文
posted @ 2015-01-22 17:20 ヤTop灬ヽ 阅读(407) 评论(0) 推荐(0)
jQuery网页加载进度条插件
摘要：jquery.pace.js会自动监测你的Ajax请求，事件循环滞后，记录您的页面上准备状态和元素来决定的进度情况。将pace.js和主题css的添加到您的网页！pace.js会自动监测你的Ajax请求，事件循环滞后，记录您的页面上准备状态和元素来决定的进展情况。例子 演示：http:/... 阅读全文
posted @ 2014-10-15 00:57 ヤTop灬ヽ 阅读(358) 评论(0) 推荐(0)
使用jQuery动态加载js脚本文件的方法
摘要：动态加载Javascript是一项非常强大且有用的技术。这方面的主题在网上已经讨论了不少，我也经常会在一些个人项目上使用RequireJS和Dojo加载js它们很强大，但有时候也会得不偿失。如果你使用的是jQuery，它里面有一个内置的方法可以用来加载单个js文件。当你需要延迟加载一些js插件或其它... 阅读全文
posted @ 2014-09-13 00:08 ヤTop灬ヽ 阅读(369) 评论(0) 推荐(0)
jQuery Tools：Web开发必备的 jQuery UI 库
摘要：基本介绍 jQuery Tools 是基于jQuery开发的网站界面库，包含网站最常用的Tabs（选项卡）、Tooltip（信息提示）、Overlay（遮罩、弹窗）、Scrollable（滚动控制）、Form Validator（表单验证）、Rangeinput（范围选择）、Dateinput（日... 阅读全文
posted @ 2014-05-31 17:35 ヤTop灬ヽ 阅读(152) 评论(0) 推荐(0)
基于Jquery+Ajax+Json实现分页显示
摘要：1.后台action产生json数据。 List blackList = blackService.getBlackInfoList(mobileNum, gatewayid, startDate, endDate);int totalRows = blackList.size();StringBuffer sb = new StringBuffer(); sb.appen... 阅读全文
posted @ 2014-04-13 21:51 ヤTop灬ヽ 阅读(1022) 评论(0) 推荐(0)
AJAX 跨域请求 - JSONP获取JSON数据
摘要：Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashup 的驱动力，它可将来自多个地方的内容集成为单一 Web 应用程序。不过，由于受到浏览器的限制，该方法不允许跨域通信。如果尝试从不同的域请求数据，会出现安全错误。如果能控制数 据驻留的远程服务器并且每 阅读全文
posted @ 2014-04-08 16:38 ヤTop灬ヽ 阅读(293) 评论(0) 推荐(0)
JQuery jsonp使用小记
摘要：在一个不支持PHP的主机上，需要对某些页面做访问统计。我的方案是在静态的HTML页面上，用JSONP向能够执行PHP的主机进行跨域请求，从而使用PHP解决这个访问量统计问题。在服务器端，PHP页面返回的JSONP格式应该是这样的：而静态HTML发起请求的代码可以参考下面：通用方法：// 初始化数据，同一个cookie一分钟的访问量都算一次function init_count(pageType, id){ var j = null; $.ajax({ type: "get", //使用get方法访问后台 dataType: "jsonp", //返回js 阅读全文
posted @ 2014-04-08 14:21 ヤTop灬ヽ 阅读(218) 评论(0) 推荐(0)
JQuery select控件的相关操作
摘要：JQuery获取和设置Select选项方法汇总如下：获取select先看看下面代码：$("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Textvar checkValue=$("#select_id").val(); //获取Select选择的Valuevar checkInd 阅读全文
posted @ 2014-04-08 14:11 ヤTop灬ヽ 阅读(153) 评论(0) 推荐(0)
使用$.getJSON实现跨域ajax请求
摘要：jQuery中常用getJSON来调用并获取远程的JSON字符串，将其转换为JSON对象，如果成功，则执行回调函数。原型如下：jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据。url: 发送请求的地址data : (可选) 待发送key/value参数callback: (可选) 载入成功时的回调函数主要用于客户端获取服务器JSON数据。简单示例：服务器脚本，返回JSON数据：// $.getJSON.php$arr=array("name"=>"zhangsan", "age&qu 阅读全文
posted @ 2014-04-08 13:31 ヤTop灬ヽ 阅读(521) 评论(0) 推荐(0)
JQuery解析XML数据的几个例子
摘要：用JavaScript解析XML数据是常见的编程任务，JavaScript能做的，JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。第一种方案： 第二种方案： 一般步骤如下：1. 读取xml文件$.get("xmlfile.xml",function(xml){ //xml即为可以读取使用的内容，具体读取见第2点});2. 读取xml内容如果读取的xml是来于xml文件，这结合上面的那点，处理如下：$.get("xmlfile.xml",function(xml){ ... 阅读全文
posted @ 2014-04-08 13:20 ヤTop灬ヽ 阅读(174) 评论(0) 推荐(0)
4种检测是否支持HTML5的方法，你知道几个？
摘要：4种检测是否支持HTML5的方法，你知道几个？1，检查特定的属性是否存在于全局的对象里面，比如说window或navigator.比如geolocation，它是HTML5新加支持的新特性；它是由HTML5工作组以外的Geolocation工作组制定的。要检查浏览器是否支持它可以用一下方法。function supports_geolocation() { return !!navigator.geolocation;}2，创建一个元素，检查特定的属性是否存在。如检查是否支持Canvas.function supports_canvas() { return !!document.create 阅读全文
posted @ 2014-04-03 22:35 ヤTop灬ヽ 阅读(527) 评论(0) 推荐(0)
jsonp是什么以及jsonp的使用
摘要：1概述Jsonp(JSON with Padding)是资料格式 json 的一种“使用模式”，可以让网页从别的网域获取资料。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的2. 在客户端写callbackFunction函数的实现3. 页面展示4. 最终Page Code Top Customers with Callback 3体现JQuery下：1、$.getJSON$(document).ready(function() { $.getJSON("... 阅读全文
posted @ 2014-04-02 09:15 ヤTop灬ヽ 阅读(375) 评论(0) 推荐(0)
30 +漂亮的jQuery菜单导航（二）
摘要：16. Hover Slide Effect with jQueryDownload | View Demo17. jQuery quickie: Slot machine navigationDownload | View Demo18. Pretty Simple Content Slider with jQuery and CSS3Download | View Demo19. Slide menu with jQuery and CSSDemo View | Download20. jQuery Menu Slide Style 阅读全文
posted @ 2012-02-21 08:46 ヤTop灬ヽ 阅读(237) 评论(0) 推荐(0)