jQuery.noConflict() 运行这个函数将变量$的控制权让渡给第一个实现它的那个库。

但有的时候我们用过别的库后,需要再恢复到用jQuery的状态。其实恢复的方法非常简单。

一句话 window.$=jQuery

注意:这只符合noConflict() 的情况,不适合于用jQuery.noConfilct(true)的情况。因为当给noConflict()加参数true的时候,连jQuery这个名字都不能用了。

jQuery.noConfilct(true)后再想恢复的方式:

var a = jQuery.noConflict(true);
//其它库的代码
window.$ =window.jQuery = a;

用jquery发送ajax请求的确是太方便了,$.get、$.post、$.ajax等等,但我们有时候需要中途中止ajax请求。

举个例子,用comet做聊天时,发送一个请求后,服务端通常过几十秒后才会刷新链接、返回数据。假设服务端是30秒刷新一次链接,如果我们在10秒时想要停止这个ajax请求,怎么办呢?

先上代码,后面再解释


var ajaxGet = $.get("comet_server.php",{id:1},function(data){
....//一些操作
});
ajaxGet.abort();

上面这段代码其于两个知识点:

1. $.get返回的数据类型是XMLHttpRequest,请参考手册。($.post、$.ajax、$.getJSON、$.getScript也同样)

2. XMLHttpRequest对象有abort()方法

注意:abort()后,ajax请求立即停止,但还是会执行后面的function()。如果想避免执行其中的操作,可以在function()开始位置加判断


var ajaxGet = $.get("comet_server.php",{id:1},function(data){
if(data.length == 0) return true;
....//一些操作
});
ajaxGet.abort();

项目中用的prompt,需要用户填入一个值。用系统默认的prompt(‘提示’,”),发现在IE下的提示窗口总是在左上角,很不方便,于是上网找了下相关的插件。下面推荐的两款使用比较方便的

一、jquery-Impromptu

官网/下载/演示:http://trentrichardson.com/Impromptu/index.php

使用很简单:


$.prompt( msg , options );

二、jQuery Alert Dialogs

官网/下载/演示:http://abeautifulsite.net/2008/12/jquery-alert-dialogs/

使用方法如下


jAlert(message, [title, callback])
jConfirm(message, [title, callback])
jPrompt(message, [value, title, callback])

详细的参数设置,还是自己上官网看文档吧

The things that bugs a web developer is the way they have to find the right documentation for what we search for. For example if we try to search function bind() it may produce over 100 matches before the actual function we are looking for. So as to minimize these redundancy I have collected 6 jquery documentation which may help you in or other way.

1. Jqapi


Visit Site

.

2. Remysharp


Visit Site

.

3. Jquery visual


Visit Site

.

继续阅读

jQueryPad是一个方便快捷的JavaScript/HTML编辑调试器。 启动后,左边输入要操作的HTML,右侧输入jQuery代码,按下F5,就可以看到结果。不用再像用浏览器调试那样,拼命地用ALT+TAB在浏览器和编辑器之间切换。

Download 官网

这款软件的基本原理就是,在调试时,将你写的HTML和JS代码拷到一个文件中(当然,这个文件加载了jQuery框架,所有jQuery函数都可用),然后显示。

说明:如果想测试其他版本的jQuery,只要将Templates文件中的jQuery替换掉即可。

对于select下拉菜单,大家用得非常多了,但当下拉菜单的选项非常多时,怎么解决呢?比如商品分类、省市县之类的,少则几百多则上千。当然方案是有的,可以弹出层的方式,像51JOB的省市选择和行业选择。这里提供另一种解决方案,即:可筛选的下拉菜单。我把他写在一个jQuery插件中,调用只需一句话即可。

SFilter下载地址:下载

SFilter演示地址:演示

1.下载上面的压缩包首先调用jquery插件和SFilter插件


<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript' src='sfilter.js'></script>
<link rel="stylesheet" href='sfilter.css' type="text/css" />

2.假设有下面的下拉菜单:


<select id="test">
<option value="0">所有品牌</option>
<option value='70' >A ABC</option>
<option value='191' >A 安泰</option>
<option value='428' >A 安吉尔</option>
<option value='122' >A 安可</option>
<option value='327' >A 爱宁</option>
</select>

我们只需要在JS代码中增加这样一行代码即可:


$(document).ready(function(){
$("#test").sfilter();
}
);

使用过程中如果发现任何BUG或不兼容的情况,请联系本人QQ93000214,下一步我将会继续改进这一插件。