随笔分类 - JQuery And Javascript
Jq插件、JS经典脚本、超炫效果
摘要：感谢这位作者的付出，这篇文章对初学者来说真是太有用了，JQuery有那么多方法可以实现同一个需求，以前总是迷惑这些方法的区别到底是什么，现在就知道该如何取舍了。作者：阮一峰jQuery最佳实践1. 使用最新版本的jQueryjQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。下面就来看看，不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句： $('.elem') $('.elem', context) context.find('.elem')我们用1.4.2、1.4.4、1.6.
阅读全文
摘要：原文：http://my.oschina.net/chengjiansunboy/blog/554961. 如何修改jQuery默认编码（例如默认UTF-8改成改GB2312）：$.ajaxSetup({ ajaxSettings:{ contentType:"application/x-www-form-urlencoded;chartset=GB2312"} });2. 解决jQuery, prototype共存，$全局变量冲突问题：<script src="prototype.js"></script><script
阅读全文
摘要：第一部分：浏览器的按键事件用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，然后是按键释放时候的keyup。在这3种事件类型中，keydown和keyup比较底层，而keypress比较高级。这里所谓的高级是指，当用户按下shift + 1时，keypress是对这个按键事件进行解析后返回一个可打印的“!”字符，而keydown和keyup只是记录了shift + 1这个事件。[1]但是
阅读全文
摘要：IE6、IE7、IE8不支持HTML5，IE9开始支持HTML5，这就导致我们无法在IE6/IE7/IE8中使用HTML5元素作为CSS选择器。利用下面的脚本可以解决这个问题，需要注意的是这个脚本需要在页面渲染以前执行。<!--[if lte IE 8]> <script type="text/javascript"> (function(){ var html5elmeents = "address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figc
阅读全文
摘要：keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 12 = Clearkeycode 13 = Enterkeycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 = Alt_Lkeycode 19 = Pausekeycode 20 = Caps_Lockkeycode 27 = Escape Escapekeycode 32 = space spacekeycode 33 = Priorkeycode 34 = Nextkeycode 35 = Endkeycode 36 =
阅读全文
摘要：正则表达式由来已久，查找替换功能非常强大，但模板难记复杂。 JavaScript中String对象的match()、replace()这2个方法都要使用正则表达式的模板。当模板内容与字符串不相匹配时，match()返回null，replace()返回原字符串。正则表达式的模板对象//标准写法 regexp = new RegExp(pattern[, flag]); pattern:模板的用法是关键，也是本章的主要内容。 flag: "i"(ignore)、"g"(global)、"m"(multiline)的组合 i-忽略大小写，g
阅读全文
摘要：网站开发时，我们时常需要把没有内容的标签隐藏或者去掉。在用JQ有两种好的解决办法
阅读全文
摘要：先用一个简单的例子说明：var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false; alert(test);由于对null与undefined用!操作符时都会产生true的结果，所以用两个感叹号的作用就在于，如果明确设置了o中flag的值（非 null/undefined/0""/等值），自然test就会取跟o.flag一样的值；如果没有设置，test就会默认为false，而不是 null或undefined。在jQuery中比较经典的例子如下：（jQuery 1.7.0.js: Line 748）gr
阅读全文
摘要：Javascript刷新页面的几种方法：1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href自动刷新页面的方法:1.页面自动刷新：把如下代码加入<head>区域中<meta http-equiv="re
阅读全文
摘要：什么是Cookie？ 所谓Cookie，是网页 通过浏览器保 存在用户本地计算机 上的一小段数据 。用户再次访问该网页的时候，浏览器会将这一小段数据发送给该网页。Cookie是网景公司的前雇员Lou Montulli在1993年3月的发明。Cookie 最典型的应用是判定注册用户是否已经登录网站。用户可能会得到提示，是否在下一次进入此网站时保留用户信息以便简化登录手续，也就是所谓“保存登录信息” 或“记住我”，这些所谓“记忆”都是用Cookie保存的。另一个重要应用场合是“购物车” 之类处理。用户可能会在一段时间内在同一家网站的不同页面中选择不同的商品，网页把这些信息会写入Cookie，以便在
阅读全文
摘要：使用jquery操作iframe 1、 内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码： $("#mainframe",parent.document.body).attr("src","http://www.radys.cn") 2、 如果内容里面有一个ID为mainiframe的i
阅读全文
摘要：今天的话题是如何改进自己网站的界面或提高网站的视觉体验，从而让用户记忆犹新。 我们有三种主要的方法(从难到易):自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架(可以让编写代码变得更容易些);使用能工作于现有的JavaScript框架下的提前预置好的脚本或那种从头开始开发的创建者。这篇文章适合那些打算提高工作效率或不愿意从头开发脚本的人阅读。 这里收集了10种强大的且容易上手的JavaScript特效来改进您的网页站界面，从而得到更多的用户体验。这10种javaScript特效回味你的网站带来意想不到的视觉盛宴，而且安装和使用都比较容易。您还可以参考以下J..
阅读全文
摘要：作者： 阮一峰日期： 2011年7月26日jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。虽然jQuery上手简单，比其他库容易学会，但是要全面掌握，却不轻松。因为它涉及到网页开发的方方面面，提供的各种方法和内部变化有上千种之多。初学者常常感到，入门很方便，提高很困难。目前，互联网上最好的jQuery入门教材，是Reb
阅读全文
摘要：转：http://792000767-qq-com.iteye.com/blog/11672211、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成jquery对象。 如：$(d...
阅读全文
摘要：使用jQuery做web前端开发的人，相信对$.ajax这个方法不会陌生，我也一直在使用，可是一直没有深究过其中每个参数的含义，比如今天要说到的 async 参数。 这个参数官方手册上给出的解释是： async Boolean Default: true By default, all requests are sent asynchronously (i.e. this is set to true by default). If you need synchronous requests, set this option to false. Cross-domain requests an
阅读全文
摘要：转：http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.htmlUploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。不过官方提供的实例时php版本的，本文将详细介绍Uploadify在Aspnet中的使用，您也可以点击下面的链接进行演示或下载。官方下载官方文档官方演示首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目，命名为JQueryUploadDemo，从官网上下载最新的版本解压后添加到项目中。2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。3 在项目中添加Up
阅读全文
摘要：JavaScript，是世界上最流行的编程语言之一。事实上世界上的每一台个人电脑都安装并在频繁使用至少一个JavaScript解释器。JavaScript的流行完全是由于他在WWW脚本语言领域中的地位决定的。Despite its popularity, few know that JavaScript is a very nice dynamic object-oriented general-purpose programming language. How can this be a secret? Why is this language so misunderstood?尽管它很流行
阅读全文
摘要：转：http://blog.csdn.net/java060515/article/details/17333961. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <body onselectstart="return false"> 取消选取、防止复制3. onpaste="return fal
阅读全文
摘要：转：http://www.popo4j.com/article/jQuery-unbind.htmljQuery的绑定事件非常方便，有bind、unbind、live、one,还有它帮你把一些常用的事件给单独了出来，比如控件的onclick事件，我们绑定onclick事件的时候只需要$("#testButton").click(function() {alert("I'm Test Button");});我们如果要取消绑定的事件呢?jQuery有unbind的方法，专门用来取消绑定的事件$("#testButton").un
阅读全文
摘要：转：http://blog.sina.com.cn/s/blog_677b66170100m1ke.html一、内部插入1、append(content)向每个匹配的元素内部追加内容。这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。返回值 jQuery参数content (String, Element, jQuery) : 要追加到目标中的内容示例：//向所有段落中追加一些HTML标记$("p").append("<b>Hello,world.</b>");2、appendTo(content
阅读全文
浙公网安备 33010602011771号