本文实例讲述了jQuery密码强度检测插件passwordStrength用法。分享给大家供大家参考，具体如下： 这里赋予密码强度为10个等级（实例中的progressImg1.png是一张包含十个状态的图片），然后通过设置每 个状态的CSS样式来直观地显示当前密码的强度。其中，实现此功能的重点和难点就是通过正则进行判断等级，有兴趣的朋友可以慢慢探究。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-passwordStrength-...
本文实例讲述了jQuery学习笔记之Ajax用法。分享给大家供大家参考，具体如下： 一、Ajax请求 1、jQuery.ajax(options) 通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get,.post 等。 .ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。 注意： 如...
本文实例讲述了jQuery选择器用法。分享给大家供大家参考，具体如下： jQuery 使用两种方式来选择 html 的 element，第一种使用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器（如：$("div > ul a")）；第二种是用jQuery对象的几个methods(方法)。这两种方式还可以联合起来混合使用。 使用 CSS 和 XPath 选择器选择的方法有许多种用法，关于详细的 CSS 选择器可参考本站相关文章。 首先来看通过元素的 ID 取得元素：...
本文实例分析了javascript与jquery中的this关键字用法。分享给大家供大家参考，具体如下： this 表示当前的对象，这个当前对象可以是表单，等任何元素 1.javascript中this的用法： JS部分：function chimg(obj){obj.src="./images/2.jpg";}HTML部分：代码如下: 2.jquery 中this的用法： JS部分:$(document).ready(function(){alert(this.src);})HTML部分：代码如下: 希望本文所述对大家JavaScript程序设计有所帮助。
本文实例讲述了jquery遍历函数siblings()用法。分享给大家供大家参考，具体如下： siblings([expr]) 得到所有匹配元素集合中各个元素的所有兄弟元素集合。返回匹配元素集合$(document).ready(function(){var len = $(".hilite").siblings().css("color", "red").length;$("b").text(len);});ul { float:left; margin:5px; font-size:16px; font-weight:bold; }p { color:blue; margin:10px 20px; font-size:16px; padding:5px;font...
本文实例讲述了jQuery中的siblings用法。分享给大家供大家参考，具体如下： 所谓siblings，英文翻译就是兄弟节点。那么故名思意，就是拿到某元素的兄弟节点(不包括自己)。li1li2li3li4li5$("#li3").siblings("li").css("backgroundcolor", "yellow");我们还知道，代码如下:$("#li3").siblings("li").css("backgroundcolor", "yellow") 在本例中可以写成代码如下:$("#li3").siblings().css("backgroundcolor", "yellow") 默认拿和它...
本文实例讲述了jquery.cookie.js用法。分享给大家供大家参考，具体如下： 对cookies的操作在当访问一个网站就无时无刻的都伴随着我们，记录着我们的一举一动，并将不危害用户隐私的信息，将以保存，这样用户就不用去从新再次操作重复的步骤，这样大大方便了客户，也增加了客户对网站的回头率。 jquery.cookie.js 提供了jquery中非常简单的操作cookie的方法。$.cookie('the_cookie'); // 获得cookie $.cookie('the_cookie', 'the_va...
本文实例讲述了jQuery中attr()与prop()函数用法。分享给大家供大家参考，具体如下： 一、jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2. attr(属...
本文实例讲述了jQuery插件之jQuery.Form.js用法。分享给大家供大家参考，具体如下： 一、jQuery.Form.js 插件的作用是实现Ajax提交表单。 方法： 1.formSerilize() 用于序列化表单中的数据，并将其自动整理成适合AJAX异步请求的URL地址格式。 2.clearForm() 清除表单中所有输入值的内容。 3.restForm 重置表单中所有的字段内容。即将所有表单中的字段恢复到页面加载时的默认值。 疑问：ajaxForm()与ajaxSubmit()的区别： 答案...
本文实例讲述了jquery中cookie用法。分享给大家供大家参考，具体如下： cookie在jquery中有指定的cookie操作类，下面我先来介绍我们在使用cookie操作类时的一些问题，然后介绍正确的使用方法。 使用JQuery操作cookie时 发生取的值不正确的问题： 结果发现cookie有四个不同的属性: 名称，内容，域，路径$.cookie('the_cookie'); // 读取 cookie $.cookie('the_cookie', 'the_value'); // 存储 cookie $.cookie('the_cookie', 'th...
本文实例讲述了jQuery时间插件jquery.clock.js用法。分享给大家供大家参考，具体如下： Example 1: Basic clock, no optionsjclockExample 2: Clock, non-UTC, with optionsjclockExample 3: Clock, UTCjclockExample 4: Multiple clocks using different time zone offsetsjclockEST: CST: India: Example 5: Styled clocks (first clock uses jquery.corner.js)jclock body {font: Verdana,Arial,sans-serif;/* An explicit b...
本文实例讲述了jQuery div拖拽用法。分享给大家供大家参考，具体如下： 这里需要引用好jquery 和 jqueryui两个包：Document.yuanjian{ float:left; width:180px; height:22px; padding-left:5px; margin-left:5px; margin-top:5px; cursor:pointer; border: 1px solid orange; } .fish{ float:left; width:180px; height:22px; padding-left:5px; margin-left:15px; margin-top:15px; cursor:pointer; border: 1px solid red; }$(f...
本文实例讲述了jQuery绑定事件监听bind和移除事件监听unbind用法。分享给大家供大家参考，具体如下： 这里分别采用后bind(eventType,[data],Listener)//data为可选参数,one()该方法绑定的事件触发一次后自动删除，unbind(eventType,Listener), 实例：unbind(eventType,listener)$(function(){var fnMyFunc1; //函数变量$("img").bind("click",fnMyFunc1 = function(){ //赋给函数变量$("#show").append("点击事件1");}).bind("clic...
本文实例讲述了jQuery图片旋转插件jQueryRotate.js用法。分享给大家供大家参考，具体如下： 推荐一个图片旋转插件，用于浏览相册时，旋转图片。 运行效果截图如下：点击此处查看在线演示效果。 具体代码如下：$(document).ready(function () {$("#images").rotate(45);var value = 0$("#images1").rotate({bind:{mouseover: function(){value +=90;$(this).rotate({ animateTo:value})}}});$('#button').click(function(){$("#imag...
本文实例讲述了jQuery头像裁剪工具jcrop用法。分享给大家供大家参考，具体如下： 头像裁剪工具目前比较流行的是flash和jquery的。个人觉得用jquery的比较好，因为代码仔细研究一下，基本上能明白怎么回事，想改的话也比较容易。 有一个例子，请参考：jcrop例子demo ，是根jcrop的例子改的，添加以下二个特点： 1，居中显示，并且可拖拉，改变截取的大小 2，预览的图片，根拖拉的大小成比例。 以下是js代码，作了简单的封装jcrop 图...