本文实例讲述了jQuery学习笔记之Ajax用法。分享给大家供大家参考，具体如下： 一、Ajax请求 1、jQuery.ajax(options) 通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get,.post 等。 .ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。 注意： 如...
定义和用法 ajax() 方法通过 HTTP 请求加载远程数据。 该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。 最简单的情况下，$.ajax() 可以不带任何参数直接使用。 注意：所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。 jQuery Ajax在web应用开发中很常用，它主要包...
本文实例讲述了jQuery密码强度检测插件passwordStrength用法。分享给大家供大家参考，具体如下： 这里赋予密码强度为10个等级（实例中的progressImg1.png是一张包含十个状态的图片），然后通过设置每 个状态的CSS样式来直观地显示当前密码的强度。其中，实现此功能的重点和难点就是通过正则进行判断等级，有兴趣的朋友可以慢慢探究。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-passwordStrength-...
jQuery.trim()函数用于去除字符串两端的空白字符。该函数可以去除字符串开始和末尾两端的空白字符(直到遇到第一个非空白字符串为止)。它会清除包括换行符、空格、制表符等常见的空白字符。 该函数属于全局的jQuery对象。 语法 jQuery 1.0 新增该静态函数。 jQuery.trim( str ) 参数描述strString类型需要去除两端空白字符的字符串。如果参数str不是字符串类型，该函数将自动将其转为字符串(一般调用其toString()方法)。如果参数s...
本文实例讲述了jquery动态导航插件dynamicNav用法。分享给大家供大家参考。具体如下： 这是一款自己写的jquery动态导航插件—dynamicNav，具体思路是： 第一、给所有的li里插入一个span标签，且包含li里面的a标签 第二、复制一份a标签，插入到span里，现在span里有两个a标签 第三、根据传入的参数判断是垂直切换还是水平的，如果是垂直的，将span的宽度改为一个a标签的宽度，这时两个a标签就垂直排列了，这里一定要将li的overflo...
jquery.extend函数详解 JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...);它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构，可以如下使用：var newSrc=$.exten...
本文实例总结了jQuery中常用的遍历函数用法。分享给大家供大家参考。具体如下： 1. children()函数 children()函数用于选取每个匹配元素的子元素，并以jQuery对象的形式返回。 你还可以使用选择器进一步缩小筛选范围，筛选出符合指定选择器的元素。 用法示例如下： // 返回jQuery对象所有匹配元素的标识信息数组 // 每个元素形如：tagName或tagName#id(如果有id的话) function getTagsInfo($doms){return $doms.map(function(){ret...
本文实例讲述了jQuery网页选项卡插件rTabs用法。分享给大家供大家参考。具体如下： 这里介绍jQuery网页选项卡插件rTabs用法，一共演示了4种TAB选项卡样式，第一种：默认样式：自动运行、无动画效果、Hover事件；第二种：自动运行、向上滚动、支持Hover事件的TAB选项卡菜单；第三种：自动运行、渐入淡出、支持Hover事件的选项卡；第四种：自动运行、向左滚动、点击事件的网页选项卡，选一个你喜欢的放在你的网站吧。 先来看看运行效...
本文实例讲述了jQuery使用animate创建动画用法。分享给大家供大家参考。具体如下： animate的用法： animate( Hash params, String|NumberJavascript 字符串或数字值 speed, String easing , Function callback(可选) 在动画完成时执行的函数 )用于创建自定义动画的函数。 实例运行效果截图如下：具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...
本文实例讲述了轻量级网页遮罩层jQuery插件用法。分享给大家供大家参考。具体如下： 使用jQuery的好处是很多人为它写一些组件，而在项目所需用到功能也都可以找到一些组件去完成。 现在又这样一个需求当用户点击一个按钮后不允许用户进行任何的操作，取而代之的是弹出一个遮罩层显示一个loading提示框，效果如下。其实这个需求很简单，但很多组件体积相对这个需求来说太大了，在网上瞎溜达了找到了一个还不错的组件，作者是上面也没...
本文实例讲述了可以浮动某个物体的jquery控件。分享给大家供大家参考。具体如下： js代码如下： (function($){$.fn.scrolltip = function(){$(this).each( function() {var obj = $(this);var objtop = obj.position().top;$(window).scroll(function(){obj.css({top:$(window).scrollTop()+objtop,position:absolute});});});} })(jQuery);html代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www...
本文实例讲述了jQuery菜单插件用法。分享给大家供大家参考。具体如下： 这里要分享的是一个菜单插件，在http://plugins.jquery.com/keleyi/ 看到的，使用找个插件可以制作页面底部向上弹出的菜单，不一定在页底，还有多种其他方式。 jQuery菜单插件js文件： /*! * Keleyi(jQuery Menu) * version: 0.1.6 * Copyright (c) 2013 KeLeyi */ (function ($) {$.fn.keleyi = function (options) {var settings = $.extend({width: 986px,...
下面我们来通过jQuery实例代码演示outerWidth()函数， outerWidth()函数用于设置或返回当前匹配元素的外宽度。外宽度默认包括元素的内边距(padding)、边框(border)，但不包括外边距(margin)部分的宽度。你也可以指定参数为true，以包括外边距(margin)部分的宽度。如下图：如果你要获取其它情况的宽度，请使用width()和innerWidth()，你可以点此查看三者之间的区别。该函数属于jQuery对象(实例)，并且对不可见的元素依然有效。语法j...
本文实例讲述了jQuery中$.extend()用法。分享给大家供大家参考。具体分析如下： $.extend()方法定义如下： jQuery.extend([deep], target, object1, [objectN]) 用一个或多个其他对象来扩展一个对象，返回被扩展的对象。 如果不指定target，则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true，则jQuery返回一个深层次的副本，递归地复制找到的任何对象。否则的话，副本会与原对象共...
本文实例讲述了jQuery可见性过滤器：hidden和：visibility用法。分享给大家供大家参考。具体分析如下： :hidden 匹配所有不可见元素，如果使用css的visibility属性让元素不显示但是占位，则不属于hidden了 查找display:none的tr元素，$("tr:hidden") :visible 匹配所有可见元素 查找所有display不为none的元素，$("tr:visible") 例子： <tr id="one"style="display:none;"><td>1</td><td>2</td></tr> <tr id="two"style="visibilit...