本文实例讲述了jQuery绑定事件监听bind和移除事件监听unbind用法。分享给大家供大家参考，具体如下： 这里分别采用后bind(eventType,[data],Listener)//data为可选参数,one()该方法绑定的事件触发一次后自动删除，unbind(eventType,Listener), 实例： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>unbind(eventType,listene...
本文实例讲述了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, the_value,...
本文实例讲述了jQuery中attr()与prop()函数用法。分享给大家供大家参考，具体如下： 一、jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2. attr(属...
本文实例讲述了jquery遍历函数siblings()用法。分享给大家供大家参考，具体如下： siblings([expr]) 得到所有匹配元素集合中各个元素的所有兄弟元素集合。返回匹配元素集合 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><script src="jquery.js"></script><script>$(document).ready(function(){var len = $(".hilite").siblings().css("color", "red"...
本文实例讲述了jQuery中的siblings用法。分享给大家供大家参考，具体如下： 所谓siblings，英文翻译就是兄弟节点。那么故名思意，就是拿到某元素的兄弟节点(不包括自己)。 <html> <head><script type="text/javascript" src="/jquery/jquery.js"></script> </head> <body> <ul><li>li1</li><li>li2</li><li id="li3">li3</li><li>li4</li><li>li5</li> </ul> <script>$("#li3").siblings("li").css("backgroundcolor", "yellow"); ...
本文实例分析了javascript与jquery中的this关键字用法。分享给大家供大家参考，具体如下： this 表示当前的对象，这个当前对象可以是表单，<p>等任何元素 1.javascript中this的用法： JS部分： <script type="text/javascript">function chimg(obj){obj.src="./images/2.jpg";} </script>HTML部分：代码如下:<img src="./images/1.jpg" onclick="chimg(this)"> 2.jquery 中this的用法： JS部分: <script type="text/javascript">$(...
本文实例讲述了jquery.cookie.js用法。分享给大家供大家参考，具体如下： 对cookies的操作在当访问一个网站就无时无刻的都伴随着我们，记录着我们的一举一动，并将不危害用户隐私的信息，将以保存，这样用户就不用去从新再次操作重复的步骤，这样大大方便了客户，也增加了客户对网站的回头率。 jquery.cookie.js 提供了jquery中非常简单的操作cookie的方法。 $.cookie(the_cookie); // 获得cookie $.cookie(the_cookie, the_value)...
本文实例讲述了jQuery中cookie插件用法。分享给大家供大家参考，具体如下： Jquery里面提供了很多插件，方便，安全，快速实用。这节一起熟悉下JQUERY中操作Cookie的插件，插件名称为jquery.cookie.js，可以去官方网站下载。 下载地址： http://plugins.jquery.com/project/cookie. 插件主要报告如下几个用法 1.创建Cookie 创建一个名称为username,值为 admin的cookie ,如下代码如下:$.cookie(username,"admin"); 当然cookie还包括路...
本文实例讲述了jQuery学习笔记之Ajax用法。分享给大家供大家参考，具体如下： 一、Ajax请求 1、jQuery.ajax(options) 通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get,.post 等。 .ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。 注意： 如...
本文实例讲述了jQuery密码强度检测插件passwordStrength用法。分享给大家供大家参考，具体如下： 这里赋予密码强度为10个等级（实例中的progressImg1.png是一张包含十个状态的图片），然后通过设置每 个状态的CSS样式来直观地显示当前密码的强度。其中，实现此功能的重点和难点就是通过正则进行判断等级，有兴趣的朋友可以慢慢探究。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-passwordStrength-...
本文实例讲述了jquery动态导航插件dynamicNav用法。分享给大家供大家参考。具体如下： 这是一款自己写的jquery动态导航插件—dynamicNav，具体思路是： 第一、给所有的li里插入一个span标签，且包含li里面的a标签 第二、复制一份a标签，插入到span里，现在span里有两个a标签 第三、根据传入的参数判断是垂直切换还是水平的，如果是垂直的，将span的宽度改为一个a标签的宽度，这时两个a标签就垂直排列了，这里一定要将li的overflo...
本文实例总结了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...