wudimei.js成功解析css选择器中的两种。

点击 7270    创建时间 2011-01-23 12:08:07

<script type="text/javascript" src="../../lib/wudimei.js"></script>

 <script type="text/javascript"> 

 var dom=new Wudimei.Dom(); 
 dom.loaded( function(){

   dom.query("#countryBtn").on("click", function( sender,event ){ 
      var d= dom.query("body input[name='country'][type='radio']:checked").getAttr("value"); 
      alert( d ); 
   }); 
 });
 //end of dom.loaded()

 </script>

 <input type="radio" name="country" value="china" />china 
 <input type="radio" name="country" value="english" checked="checked" />english 
 <input type="button" id="countryBtn" value="show selected country" />

学过jquery的也许看得明白，就是把body元素下面的input元素中属性name='country' 和type='radio'中选中状态的元素的属性value`读出来。

我所说的成功解析css selectors(css选择器)中的两种是

1. 属性名="属性值"

2. :checked

wudimei.js 项目地址是：https://github.com/yangqingrong/wudimei.js/blob/main/lib/wudimei.js

欢迎学习，欢迎指教。

上一篇： wudimei.js ajax request
下一篇： 不接赌博类的网站的单