JavaScript资料,JavaScript文章,JavaScript文档-易库教程

基于jQuery实现仿QQ空间送礼物功能代码

2017年02月06日 9 阅读

我们在QQ空间里面有一个送礼物的功能，显示了最近过生日的人。我们只要把鼠标放到如下图的生日快乐那标签上，就会显示可以给该人送的礼物！！如下图所示：单击其中的一个礼物，就会马上送出去。但是我们现在是要说的还有单击更多的时候，会另外弹出一个新的窗口在当前页面最前面！如下图显示：怎么实现那上面的功能呢？就是把鼠标放上去，弹出一天tips，单击tips里面的控件，之后弹出另外一个弹出框。网上就会有很多比较好的插件，就先到网上去找了相对应的jquery插件。jque...

jQuery 弹出层插件（推荐）

2017年02月06日 9 阅读

最近在研究弹出层插件时发现网上很多插件功能很强大，同时插件也很庞大。在这里个人写了一个比较秀珍的弹出层插件。jquery.popdialog.js$（function （） {$.fn.PopDialog = function （options） {var defaults = {Event: "click", //触发响应事件title: "title", //弹出层的标题type: "text", //弹出层类型（text、容器ID、URL、Ifram...

深入理解jQuery中的事件冒泡

2017年02月06日 9 阅读

1.什么是冒泡eg：<！DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>事件冒泡</title><script src="../../js/jQuery1....

JQuery 传送中文乱码问题的简单解决办法

2017年02月06日 10 阅读

一、客户端先进行编码，服务端再解码。客户端发送数据：var names = encodeURIComponent（"电费"）;names = encodeURIComponent（ names）;$.post（"test.do?names="+name,null, function（）{}）;服务端解码：获取names 参数值，然后解码。String name = URLDecoder.decode（names, "UTF-8"）;注意：必须用en...

30分钟快速掌握Bootstrap框架

2017年02月06日 9 阅读

什么是 Bootstrap？Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。历史Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。最近空余时间比较多，今天先给大家介绍一个前端“样式”框架——Bootstrap。一、Bootstr...

深入理解jQuery之防止冒泡事件

2017年02月06日 9 阅读

冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。下面是html代码部分：<body><div id="content">外层div元素<span>内层span元素</span>外层div元素</div><div id="msg"></div></body>对应的jQuery代码如下：<script type="text/javascript"...

jQuery unbind 删除绑定事件详解

2017年02月06日 10 阅读

unbind（[type],[data]）是 bind（）的反向操作，从每一个匹配的元素中删除绑定的事件。如果没有参数，则删除所有绑定的事件。你可以将你用bind（）注册的自定义事件取消绑定。如果提供了事件类型作为参数，则只删除该类型的绑定事件。如果把在绑定时传递的处理函数作为第二个参数，则只有这个特定的事件处理函数会被删除。返回值 : jQuery参数 :type （String） : （可选）事件类型data （Function） : （可选）要...

浅析jquery unbind（）方法移除元素绑定的事件

2017年02月06日 9 阅读

unbind（）方法可以移除元素已绑定的事件，它的调用格式如下：$（selector）.unbind（event,fun）其中参数event表示需要移除的事件名称，多个事件名用空格隔开，fun参数为事件执行时调用的函数名称。语法unbind（）函数主要有以下两种形式的用法：用法一：jQueryObject.unbind（ [ events [, handler ]] ）移除当前匹配元素的events事件绑定的事件处理函数handler。用法二：jQuery...

js和jQuery设置Opacity半透明兼容IE6

2017年02月06日 10 阅读

1.css设置透明度透明度在IE浏览器和其他相关浏览器中的设置方法是不一样的，IE使用滤镜filter的alpha属性，firefox和其它浏览器不支持滤镜，它们使用opactiy属性设置透明度，下面示例设置透明度为30%：IE：filter: alpha（opacity:30）；firefox：opacity（0.3）；2.使用js设置透明度为了兼容IE与其他浏览器对透明度的设置，我们需要对以上两种样式分别进行设置。下面是一段示例代码：复制代码代码如下...

jquery html动态添加的元素绑定事件详解

2017年02月06日 9 阅读

在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况：<div id="testdiv"><ul></ul></div>假设我们要给ul动态添加的<li>绑定click事件形成如下结果<div id="testdiv"><ul> <li name="apple">apple</li> <li name="pear">pear&l...

Jquery元素追加和删除的实现方法

2017年02月06日 9 阅读

介绍DOM是Document Object Modeule的缩写，一般来说，DOM操作分成3个方面。1、DOM CoreDOM Core并不专属于javascript，任何一种支持DOM的程序设计语言都可以使用它，用途也远不止仅限于网页，也可以用来处理任何一种使用标记语言编写出来的文档，如XML。例如：document,getElementsByTagName（“form”）;//使用DOM Core来获取表单对象的方法。2、HTML-DOM在使用Java...

深入理解jquery中的事件与动画

2017年02月06日 9 阅读

1.鼠标事件eg：光棒效果$（function （） { $（"li"）.mouseover（function （） { //鼠标移过时$（this）.css（"background","blue"）; }）.mouseout（function （） { //鼠标移过后$（this）.css（"background",""）; }）;}）;2.键盘事件3.表单事件eg：输入框的文字显示效果// 查询输入框$（"input[name="search"]"）....

深入理解jquery自定义动画animate（）

2017年02月06日 10 阅读

在以前很长一段时间里，网页上的各种特效还需要采用flash 在进行。但最近几年里，我们已经很少看到这种情况了，绝大部分已经使用JavaScript 动画效果来取代flash。这里说的取代是网页特效部分，而不是动画。网页特效比如：渐变菜单、渐进显示、图片轮播等；而动画比如：故事情节广告、MV 等等。如果复制当前代码进行在本地测试的时候，请注意把不需要（其他功能展示）的代码注释掉。<！DOCTYPE html> <html xmlns="ht...

jQuery根据表单name获取值的方法

2017年02月06日 9 阅读

本文实例讲述了jQuery根据表单name获取值的方法。分享给大家供大家参考，具体如下：根据name取值：$（"input[name="mobile"]"）.val（）根据id取值:$（"#mobile_reg_form"）.html（）根据name取值遍历：$（"input[name="mobile"]"）.each（function（）{alert（$（this）.val（））;}）取出form中的input：<script type="text...

jQuery中事件与动画的总结分享

2017年02月06日 9 阅读

1.加载DOM1.1.window事件window.onload=function（）{}.... 时机：其他资源都加载完毕后，再执行$（function（）{}） ……：只是等待标签完毕，即可执行区别：前者在HTML页面中只能解析最后一个,二后者是N个window.onload（） = function （） {}$（function （） {$（"li"）.bind（"click", function （） {$（this）.css（"backgrou...

jQuery+php实时获取及响应文本框输入内容的方法

2017年02月06日 9 阅读

本文实例讲述了jQuery+php实时获取及响应文本框输入内容的方法。分享给大家供大家参考，具体如下：该程序能够查出可用余额：HTML部分：<input type="text" name="username" id="username" onkeyup="search_func（this.value）;" /><em id="mfee"></em>jquery部分：function search_func（value）{...

jQuery获取及设置表单input各种类型值的方法小结

2017年02月06日 9 阅读

本文实例讲述了jQuery获取及设置input各种类型值的方法。分享给大家供大家参考，具体如下：获取一组radio被选中项的值var item = $（"input[@name=items]：checked"）.val（）;获取select被选中项的文本var item = $（"select[@name=items] option[@selected]"）.text（）;select下拉框的第二个元素为当前选中值$（"#select_id"）[0].se...

jquery简单插件制作（fn.extend）完整实例

2017年02月06日 10 阅读

本文实例讲述了jquery简单插件制作方法。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><...

基于JavaScript实现回到页面顶部动画代码

2017年02月06日 9 阅读

最近做的都是前端的项目，很多项目都有回到顶部的需求，下面把我写js代码做个笔录，方便以后查找。发现还可以添加从快到慢的动画效果和随时下拉滚动条停止滚动的功能，参考了imooc上相关课程，最终实现JS代码如下：//页面加载后触发window.onload = function（）{var btn = document.getElementById（"btn"）;var timer = null;var isTop = true;//获取页面可视区高度var...

JS获取屏幕高度的简单实现代码

2017年02月06日 9 阅读

主要使用了document对象关于窗口的一些属性,这些属性的主要功能和用法如下。要得到窗口的尺寸，对于不同的浏览器，需要使用不同的属性和方法：若要检测窗口的真实尺寸，在netscape下需要使用window的属性；在ie下需要深入document内部对body进行检测；在dom环境下，若要得到窗口的尺寸，需要注意根元素的尺寸，而不是元素。window对象的innerwidth属性包含当前窗口的内部宽度。window对象的innerheight属性包含当前...

首页 / 脚本样式 / JavaScript

基于jQuery实现仿QQ空间送礼物功能代码

jQuery 弹出层插件（推荐）

深入理解jQuery中的事件冒泡

JQuery 传送中文乱码问题的简单解决办法

30分钟快速掌握Bootstrap框架

深入理解jQuery之防止冒泡事件

jQuery unbind 删除绑定事件详解

浅析jquery unbind（）方法移除元素绑定的事件

js和jQuery设置Opacity半透明 兼容IE6

jquery html动态添加的元素绑定事件详解

Jquery元素追加和删除的实现方法

深入理解jquery中的事件与动画

深入理解jquery自定义动画animate（）

jQuery根据表单name获取值的方法

jQuery中事件与动画的总结分享

jQuery+php实时获取及响应文本框输入内容的方法

jQuery获取及设置表单input各种类型值的方法小结

jquery简单插件制作（fn.extend）完整实例

基于JavaScript实现回到页面顶部动画代码

JS获取屏幕高度的简单实现代码

js和jQuery设置Opacity半透明兼容IE6