本文实例讲述了jquery序列化方法。分享给大家供大家参考。具体分析如下： 做ajax的时候，经常需要序列化， serialize()只能序列化表单 。（注 ： 表单里的内容 只能用 name ） 现在有一个对象：代码如下:var obj={a:1,b:2,c:3}; 怎么让它序列化呢？ 用prototype 可以用$H(obj).toQueryString() 搞定？jqueyr有什么方法吗？ 答案是肯定的， jquery提供了 $.param（）。var obj={a:1,b:2,c:3}; var k = $.param(obj); alert(k) // 输...
本文实例讲述了JQuery中DOM事件合成用法。分享给大家供大家参考。具体分析如下： jQuery有两个合成事件——hover()方法和toggle()方法，类似前面讲过的ready()方法，hover()方法和toggle()方法都属于jQuery自定义的方法。 hover()方法 hover()方法的语法结构为： hover(enter,leave); hover()方法用于模拟光标悬停事件。当光标移动到元素上时，会触发指定的第1个函数(enter);当光标移出这个元素时，会触发指定的第2个函数(leave)。...
本文实例讲述了JQuery中DOM加载与事件执行原理。分享给大家供大家参考。具体分析如下： JavaScript和HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的。当文档或者它的某些元素发生某些变化或操作时，浏览器会自动生成一个事件。例如当浏览器装载完一个文档后，会生成事件：当用户单击某个按钮时，也会生成事件。虽然利用传统的JavaScript事件能完成这些交互，但jQuery增加并扩展了基本的事件处理机制。jQuery不仅提...
本文实例分析了JQuery中DOM事件冒泡。分享给大家供大家参考。具体分析如下： 什么是冒泡 在页面上可以有多个事件，也可以多个元素响应同一个事件。假设网页上有两个元素，其中一个元素嵌套在另一个元素里，并且都被绑定了click事件，同时body元素上也绑定了click事件。外层div元素内层span元素外层div元素$(function(){// 为span元素绑定click事件$('span').bind("click",function(){var txt = $('#msg').html() + "内层span元素被...
事件委托主要是利用事件冒泡现象来实现的，对于事件委托的精准的掌握，可以有利于提高代码的执行效率。先看一段代码实例:脚本之家table{width:300px;height:60px;background-color:green; } table td{background-color:white; }$(document).ready(function(){$("td").bind("click",function(){$(this).text("哈哈");}) })单元格单元格单元格单元格单元格单元格单元格单元格单元格单元格在以上代码中，使用bind()方法为每一个td绑定...
本文实例讲述了动态加载jQuery的两种方法。分享给大家供大家参考。具体如下：第一种方法参考本站之前有人发的代码，增加了加载检测； 第二种方法来自去年的12306刷票脚本。第一种方法：function withjQuery(callback) {if(!(window.jQuery)) {var js = document.createElement(script);js.setAttribute(src, https://dynamic.12306.cn/otsweb/js/common/jquery-1.4.2.min.js?version=5.47);js.setAttribute(type, text/javascript)...
本文实例讲述了jQuery网页选项卡插件rTabs用法。分享给大家供大家参考。具体如下： 这里介绍jQuery网页选项卡插件rTabs用法，一共演示了4种TAB选项卡样式，第一种：默认样式：自动运行、无动画效果、Hover事件；第二种：自动运行、向上滚动、支持Hover事件的TAB选项卡菜单；第三种：自动运行、渐入淡出、支持Hover事件的选项卡；第四种：自动运行、向左滚动、点击事件的网页选项卡，选一个你喜欢的放在你的网站吧。 先来看看运行效...
本文实例讲述了jquery动态导航插件dynamicNav用法。分享给大家供大家参考。具体如下： 这是一款自己写的jquery动态导航插件—dynamicNav，具体思路是： 第一、给所有的li里插入一个span标签，且包含li里面的a标签 第二、复制一份a标签，插入到span里，现在span里有两个a标签 第三、根据传入的参数判断是垂直切换还是水平的，如果是垂直的，将span的宽度改为一个a标签的宽度，这时两个a标签就垂直排列了，这里一定要将li的overflo...
本文实例讲述了jQuery实现连续动画效果的方法。分享给大家供大家参考。具体如下： 这里介绍jQuery实现一连串的连续动画效果，将这些动画运用先设置好，然后在jQuery的作用下完成一个接一个的动画，这在网页游戏编写中是个基础但重要的动画生成技巧，对于前台设计来说也是有必要掌握的。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-lx-animate-style-demo/ 具体代码如下：jQuery实现连续的动画效果...
本文实例讲述了jQuery密码强度检测插件passwordStrength用法。分享给大家供大家参考，具体如下： 这里赋予密码强度为10个等级（实例中的progressImg1.png是一张包含十个状态的图片），然后通过设置每 个状态的CSS样式来直观地显示当前密码的强度。其中，实现此功能的重点和难点就是通过正则进行判断等级，有兴趣的朋友可以慢慢探究。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-passwordStrength-...
本文实例讲述了jQuery链式操作。分享给大家供大家参考，具体如下： 从过去的实例中，我们知道jQuery语句可以链接在一起，这不仅可以缩短代码长度，而且很多时候可以实现特殊的效果。$(function() {$("div").addClass("css1").filter(function(index) {return index == 1 || $(this).attr("id") == "fourth";}).addClass("css2");});以上代码为整个列表增加样式css1,然后再进行筛选，再为筛选的元素单独增加css2样式。如果不采用jQu...
本文实例分析了jQuery解析json数据的方法。分享给大家供大家参考，具体如下： 先来看看我们的Json数据格式：[ {id:01,name:"小白",old:29,sex:"男"}, {id:02,name:"小蓝",old:29,sex:"男"}, {id:03,name:"小雅",old:29,sex:"男"} ]为了消除乱码问题，我们设置一个过滤器（代码片段）public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {req.setCharacterEn...
本文实例讲述了jQuery实现带分组数据的Table表头排序。分享给大家供大家参考，具体如下： 如下图：要求：点击表头排序时，"分组"及"分组明细"的数据层次关系不变 从网上找了一段常规的table排序，改了改，以满足“分组支持”，贴在这里备份.tbl-list, .tbl-list td, .tbl-list th {border: solid 1px #000;border-collapse: collapse;padding: 10px;margin: 15px;}table sort//排序 tableId: 表的id,iCol:第几列 ；dataType：iCol对...
本文实例讲述了jQuery中serializeArray()与serialize()的区别。分享给大家供大家参考，具体如下： serialize()序列化表单元素为字符串，用于 Ajax 请求。 serializeArray()序列化表单元素为JSON数据。 具体实例如下：serializeArray()与serialize()function onClik(){$("#results").html("serializeArray()与serialize()的区别如下：");var data1 = $("#form1").serializeArray(); //自动将form表单封装成json$("#results").append...
本文实例讲述了jsonp跨域请求数据实现手机号码查询的方法。分享给大家供大家参考，具体如下： 前言 网上有很多开放的api，我们在本地通过ajax获取数据时，总会碰到一个问题，那就是跨域！如果不借助php等，仅仅通过js怎么解决跨域的问题呢？或许jsonp是个不错的选择。 知识准备 之前一篇《说说JSON和JSONP 也许你会豁然开朗》对jsonp已经介绍的很详细了，这里就不多介绍了，直接上实例吧 代码：手机号查询 html{color:#000;backgro...