bBank Demo 演示(最后更:2010-4-16)

bBank 是一个轻量级的js框架,提供了css选择器来获取dom对象,ajax等一些功能。

 

1.使用bBank的css选择器来获取一个dom对象或dom对象数组
*注意:bBank是使用css操作符来选择dom对象的,用#id来表示id;.class来表示样式;[attr=val]来表示属性

这是一个span标签,有个id属性为bBank_id_1
操作:通过id属性获取span里面的内容
code:b$("#bBank_id_1").innerHTML


这是一个span标签,有个class属性为bBank_class_1
操作:通过class属性获取span里面的内容
code:b$(".bBank_class_1").innerHTML


这是一个span标签,有个自定义属性为bBank_attr_1
操作:通过自定义属性获取span里面的内容
code:b$("[bBank_attr_1]").innerHTML


这是一个span标签,有个class属性bBank_class_2,当获取的dom对象为多个时,返回的是数组
我是一个嵌套在span标签中的span
我是一个嵌套在span标签中的span

操作:获取class属性为bBank_class_2里面的两个span
code:b$(".bBank_class_2 span").length


*dom对象的css选择器使用的是Simon Willison的getElementsBySelector()修改而成。更多操作请查看Simon Willison的demo
*Simon Willison's deom:点击查看demo page

posted @ 2010-04-16 18:57  布鲁斯.李  阅读(1015)  评论(1编辑  收藏  举报