jquery中DOM操作，删除节点的方法分别是：remove()，detach()和empty()。为了能够更加清楚的说明，测试原代码是这样的：1.remove()方法：此方法的作用：节点用remove()方法删除后，该节点所包含的所有后代节点将同时被删除。返回值是一个指向已被删除的节点的引用，因此可以在以后再使用这些元素。2. detach()方法此方法的作用：从DOM中去掉所有匹配的元素。通过下面的测试代码，来总结一下他们的异同吧：首先，我们给Li 绑定一下事件，让其点击的时候把元素里的内容打印出来，即1，2，3，4；3.remove()和detach()差异：相同点：不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。也就是说，这个元素本身得以保留，都可以通过DOM 方法重新添加到页面上，并让其显示在想要的位置上。不同点：只有detach()方法的所有绑定的事件、附加的数据都会保留下来；我们会发现，使用detach()方法的之后，重新追加删除的元素以后，再点击li2的时候，弹框仍然弹出，即它之前绑定的事件还在；相反, 使用remove()方法删除元素的话，重新追加后点击该元素说明没有效果，它之前绑定的事件已经失效。 4. empty()方法empty()方法并不是删除节点，而是清空节点，它能清空元素中的所有后代节点。效果如下图：5.  Js删除节点的 ...继续阅读 (11)

Geolocation 地理定位是一个非常酷的特性，这里介绍Geolocation API实现在手机的浏览器中获取当前地理位置信息。简介严格来讲，Geolocation API 并不属于 HTML5 标准规范，但其 API 接口使得它能够让浏览器或者移动设备的浏览器获取用户的当前位置信息。由于地理定位涉及用户的隐私信息，因此在任何时候第一次使用Geolocation 地理定位功能的页面，都需要用户确认允许 Web 应用程序获取自己的位置信息。浏览器支持Geolocation API 已得到大部分的浏览器支持，设置在移动设备领取的浏览器都能很好的支持该 HTML5 特性。PC上浏览器支持情况IE9+ 支持Firefox 支持Safari 支持Chrome 支持Opera 支持移动设备上的浏览器支持情况IOS Safari 支持Android Browser 支持Opera Mobile 支持Opera Mini 不支持BlackBerry Webkit 支持如何使用 Geolocation APIGeolocation API 是通过window.navigator.geolocation获得对地理位置的访问的。该对象有如下三个方法：getCurrentPosition()watchPosition()clearWatch()首次获取当前位置Geolocation 提供的地理位置功能 ...继续阅读 (11)

在使用 Storage 进行存取操作的同时，如果需要对存取操作进行监听，可以使用 HTML5 Web Storage api 内置的事件监听器对数据进行监控。只要 Storage 存储的数据有任何变动，Storage 监听器都能捕获。interface Storage : Event{ readonly attribute DOMString key; readonly attribute DOMString? oldValue; readonly attribute DOMString? newValue; readonly attribute DOMString url; readonly attribute Storage? storageArea; void initStorageEvent(in DOMString typeArg, in boolean canBubbleArg, in boolean cancelableArg, in DOMString keyArg, in DOMString oldValueArg, in DOMString newValueArg, in DOMString urlArg, ...继续阅读 (8)

HTML5 本地存储的规范中，定义两个重要的 API ：Web Storage 和 本地数据库( Web SQL Database )，其中本地数据库就类似于关系型数据库。Web SQL 数据库在移动 Web 浏览器上的支持并不理想，同时鉴于 W3C 已经停止对其标准的支持，所以在此也不详细累述。此处仅重点讲 Web Storage .Cookies 的”升华”本地存储 Web Storage 实际上是 HTML4 的 Cookies 存储机制的一个改进版本，一个变种。然而在两种机制的功能又有不同。 Web Storage 主要是将网站中有用的信息存储到本地的计算机或者移动设备中，然后根据实际的需求去读取本地存储的信息。Web StorageWeb Storage 提供了两种类型的 API 接口：SessionStorage 和 localStorage 。从名字上很容易理解出他们之间的生命周期的差别。SessionStorage 仅在会话内有效，而 localStorage 则存储在本地且永久有效，除非是用户或者程序对其执行删除的行为。Web Storage 在设备上的被支持情况基本上所有的现代浏览器都已经支持 Web Storage 。IE8+Firefox3.0+Chrome3.0+Safari4.0+Opera10.5+在 Android 与 IOS ...继续阅读 (10)

在实际的工作开发中利用到了日程管理，现在推荐的这一款插件便是一个不可多得的神器。使用起来简单方便，主题还能够自定义，不管你是程序猿，还是射鸡师，都能做出令自己满意的效果。引入插件fullcalendar 是基于 jQuery 制作的，并且结合了 jqueryui 的主题。所以，jQuery 是必备的，其次便是 fullcalendar 的js代码了。那么，假设你的路径是这样的基本的使用HTML 中定义一个容器， ID 为calendar在 JavaScript 代码中使用以上定义的容器即可$(document).ready(function() { // 页面初始化后加载该插件 $('#calendar').fullCalendar({ // 在这里写定制的 options 或者是 callback }) });如何使用候选项在插件中提供了一个Options项使用时，可根据自己的需求定制，比如是否显示周末$('#calendar').fullCalendar({ weekends: false // 隐藏周末 });如何使用回调函数使用回调函数的方式非常简单，插件已经给你提供了非常强大的回调方法，例如点击日项时$('#calendar').fullCalendar({ dayClick: function() { al ...继续阅读 (19)

为什么为什么会用到这个方法？想象一下这个情景，服务器组的开发同学，明明可以把参数直接返回给你，偏偏不这样做。非要将其显性的防止在 URL 上，这样让人蛋疼的方式下，那么你就用到了！真心不是为了黑服务器同学，是我没想到其他场景。准备工作jQuery 库jQuery.Query 库Query 库信息jQuery.query - Query String Modification and Creation for jQuery Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com) Licensed under the WTFPL (http://sam.zoy.org/wtfpl/). Date: 2009/8/13 @author Blair Mitchelmore @version 2.1.7使用方式 – gete.g. 获取 http://www.yanduren.com/?code=89757 中 code 的值var get_para = $.query.get('code'); console.log( get_para );如果是遇到参数名是多个同名项时，返回值为数组e.g. 那么，获取其中一个同名参数时，则这样写var get_para = $.query.get('code ...继续阅读 (22)