Archive for the ‘jQuery’ Category
星期二, 五月 27th, 2008 265 views
发现官网更新了，我这也更新一下。
之前下过离线版的可以再下载一下。
更新了AJAX部分
修正了scroll的示例代码
在线查看地址：http://shawphy.com/jqueryapi/
离线版下载：http://shawphy.com/jqueryapi/jqueryapi12.zip
有空的朋友可以一起来SVN维护
svn checkout http://jquery-api-zh-cn.googlecode.com/svn/trunk/ jquery-api-zh-cn-read-only
Posted in jQuery | No Comments »
星期天, 五月 25th, 2008 192 views
这回紧急修正了2个BUG的
主要是内核上的val的问题，用val设置 select的时候有时候会出问题。
一个是attr问题，导致了Validate插件的崩溃
有条件么，升级一下吧。
http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.6.pack.js
http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.6.js
Posted in jQuery | No Comments »
星期四, 五月 22nd, 2008 164 views
前几天发布了1.2.4，结果没过一天就发布了1.2.5
而实际访问SVN会发现两个版本之间，jQuery主体丝毫没有什么变化过。
我就纳闷了。jQuery搞什么飞机啊……
http://docs.jquery.com/Release:jQuery_1.2.5
发布信息里只有一条：jQuery 1.2.5 was available only one day after 1.2.4
囧……
然后就引导我们看1.2.4的发布记录：
http://docs.jquery.com/Release:jQuery_1.2.4
可以找到如下网址：
http://www.nabble.com/1.2.4-missing-patches--td17354452s27240.html
里边提到，看来是john的电脑貌似有点冲突，所以make坏了。做了一个bad build。
缺了http://dev.jquery.com/ticket/2567这个补丁。
而现在他正在外面游山玩水~~~大概12天后回来
好了，那就用1.2.5吧。修正了众多Bug。
下载地址：
Minified, Packed, Uncompressed
Posted in jQuery | No Comments »
星期天, 五月 18th, 2008 401 views
当使用jQuery选择器的时候，如果id里包含#:[]之类的特殊的符号，或者xml里有如这样的，一般情况下是无法选到的。
这个时候可以使用一些技巧来选择相关的内容。
使用转义字符，并且使用两个\即可
比如要选择id为a:1的元素
可以写成$("#a\\:1")。
当然也可以写作$("[id=a:1]")。
当然，效率哪个高大家都知道~
而且，如果要处理XML的话就没这么容易了。
这种，只需要$("adb\\:aaa")即可
具体实现原理么，不是很明白。以前wzmaodong写表单验证的时候也出现过类似的问题。所以这回才想起来的。
他的解释是“采用的是显式构造函数new RegExp("pattern"[,"flags"]); 由于Javascript 中'\' 被用作转义字符，所以在使用显示构造函数构造实例对象的时候，需要使用'\\' 代替'\'”
但是我就纳闷了，我一个选择器难道jQuery内部也做正则去了么？明明是被正则解析啊。迷茫了。
[html]
fail
$("#a\\:1").html("success")
[/html]
Posted in jQuery | 3 Comments »
星期三, 五月 14th, 2008 260 views
这本书英文名是Pro JavaScript Techniques。是jQuery之父John Resig所写的。
书中的内容确实比较高级些，并非如犀牛书般的只是基础而已。
这本书看下来的感觉就是：果然是JQ之父写的！
为什么这样说呢，因为这本书可以说是JQ的源码解读。这里的很多篇幅都可以看做JQ的一些方法的原型实现。
包括选择器，attr,insert,append,remove等，还有event注册等方法。
如果你想要体会JQ是如何炼成的，看这本书是最好不过的了，对于你对JS的理解会上一个层次，了解JQ编写的原理，体会到大师的想法。
当然看了这个之后自然就看到了大师的师傅，Dean Edwards，这个牛人就是著名的JS压缩利器parker的作者。他写的cssQuery可以说是jQuery的最初的想法。但我们的John Resig很快发现光是选择器，比不过cssQuery，但是封装更丰富的操作那是很好很美妙的事情。
同时，这本书也介绍了一些未来的javascript 1.6/1.7.
这些已经在Firefox中完全实现了（1.6在FF1.5以上，1.7在FF2以上，1.8在FF3以上）。有兴趣的可以参考这里。这里不光有1.6.1.7，还有1.8的参考。（部分英文）
另外，
期待着下面的语句
var a=myblog
最后，为地震灾区所有人民祈福……
Posted in jQuery | 9 Comments »
星期五, 五月 9th, 2008 1,700 views
今日整了半天好不容易把json搞定。。。。
发帖留念一下。。。。
demo地址：http://shawphy.com/demo/json/json.html
估计是一开始json 格式没搞对，
[quote]{
"addressbook": {
"name":"peter",
"address":{
"city":"New York",
"street":"abc rd",
"no":"1"
}
}
}[/quote]
服务器端只管输出一个字符串即可，不用关心什么contentType啥的。
[quote] $(function() {
$("#gj").click(function() {
$.getJSON("json.asp",function(json) {
alert(json.addressbook.address.city);
})
});
$("#aj").click(function() {
$.ajax({
type:"post",
url:"json.asp",
dataType:"json",
data:{abc:"ab"},
success:function(json) {
alert(json.addressbook.name);
},
error:function() {
alert("error");
}
});
});
})
[/quote]
Posted in jQuery | 2 Comments »
星期三, 五月 7th, 2008 305 views
原文：
http://jquery.com/blog/2008/05/05/jquery-ui-15b4-featuring-effects-and-a-new-home/
近日1.5的b4发布了，看发布日志来看，貌似先发布了b3，结果发现恶性bug，于是没几个小时又发布了b4，跳过了b3了。
据声称，已经修复了50多个bug，还剩下5个主要的bug修复就好了。这个版本将是最后的测试版了，再过几天就能发布正式版了。
还有，jQuery Enchant 也会成为jQuery UI的一部分，提供了很多新的动画特效。据说要提供15种特效，包括了script.aculo.us中的一些(blind,bounce,drop,fold,slide …)，还有些新的(transfer, explode. clip, scale)
同时，http://ui.jquery.com的页面也重新做过了。果然是比以前好看了不少，（虽然以前也不错）。不过，jQuery UI依然感觉不是很好用。。。而且也不是很漂亮。。。唉。。。。难道真的要用ext去么。。。
下载地址：http://code.google.com/p/jqueryjs/downloads/detail?name=jquery.ui-1.5b4.zip
Posted in jQuery | 2 Comments »
星期六, 五月 3rd, 2008 860 views
之前写过一篇日志（http://shawphy.com/article.asp?id=34），说FF没有cancelBubble，所以要做兼容，其实多虑了，JQ已经为我们做好兼容性了。
也就是说，要阻止冒泡，直接使用
$("a").click(function(e) {
e.stopPropagation();
})
这样即可。
她还修正了preventDefault ,target ,relatedTarget,pageX/Y,event.which(确定按了键盘或者鼠标上的哪个按键。)
多的不说，大家自己看代码吧(jQuery 1.2.3 /line:2093-2149)
[quote] fix: function(event) {
// store a copy of the original event object
// and clone to set read-only properties
var originalEvent = event;
event = jQuery.extend({}, originalEvent);
// add preventDefault and stopPropagation since
// they will not work on the clone
event.preventDefault = function() ...
Posted in jQuery | 1 Comment »
星期五, 四月 18th, 2008 235 views
今天花了点时间，彻底的写了一个两栏布局，IE6/7和FF下彻底完全一样了，另外两个OP和SF暂时不高兴管了。
同时写了一个切换CSS，即网站换肤功能。最近很流行的，一写才发现果然非常简单。
两三行搞定的。主要思想就是给link元素设定ID，然后用getElementId来获取后改变href值。超EASY
具体可以看这里的DEMO
http://shawphy.com/demo/changecss/changecss.html
唯一的缺憾是FF下对于未加载的样式会闪一下，当然他是对的……
因为我已经改变了样式，那老的自然应该消失，而新的没载入完，那自然还没呈现，所以有瞬间的闪一下。
不过虽然很正确，可惜少了点人性化……
下次有空再测试IE8吧~
P.S. 今天更新一下，用了jQuery的读写Cookie的插件，现在可以保存设置到Cookie里了~本功能就此打住，不再更新
jQuery(function() {
//读取cookie
$("#changecss").attr("href","css/"+$.cookie("style")+".css");
$("#sidebar>ul>li>a").click(function() {
//设置link元素的href属性
$("#changecss").attr("href","css/"+$.trim($(this).text())+".css");
$("#headerMain").html($(this).text());
//写入cookie,1年过期
$.cookie("style",$.trim($(this).text()),{ expires: 365})
//去除a上难看的虚线框
this.blur();
//不触发默认鼠标事件
return false;
}).css({"width":"220px","display":"block"});
});
Posted in jQuery | 1 Comment »
星期四, 四月 10th, 2008 248 views
在官网上逛的时候，看到这么个东西，以前就只有1.1的现在有1.2版的了，分享一下[face02]
注：selector部分的那个@符号其实在1.2中已经不需要了。
Posted in jQuery | 1 Comment »
