JQuery初体验

December 16, 2008

最近在做一个基于AppEngine的小东西,Web应用嘛,不可避免地用到一些Javascript的组件。开始找了YUI,不过前两天通过Remindr发现了JQuery,如获至宝,赶紧把YUI替换掉了。昨天晚上一般看一边做,发现果然强大。

最开始吸引我的是Datepicker,很简单的两句话,就可以做非常棒的日期选择,很不错。

clip_image002[10]

$(document).ready(function(){

     $(‘#example’).datepicker();

});

这里面,$(‘#example’)是选择id为example的input。这就是JQuery中的Selector。Selector的功能很强大,除了能很轻松的选择某一个元素以外,还能选择某一个元素内的某种元素,以及直接子元素等等。甚至还包括了一些循环语句,很强大。

比如我要给一个id为items的ul内的li加上鼠标移过时高亮的特征。只需要

$(‘#items >li’).hover(function(){

    $(this).css(‘background’, ‘#eeff00′)

    }, function(){

    $(this).css(‘background’, ‘#fff’)

});

这样就不用在html里面添加这些元素,维护起来就比较轻松了。

另外,常用的一些隐藏、显示、拖拽的功能也很强大,进一步试用中。

posted in Internet, Javascript by cowoo

Follow comments via the RSS Feed | Leave a comment | Trackback URL

Leave Your Comment

 
Powered by Wordpress and MySQL. Theme by Shlomi Noach, openark.org