wudimei.js成功解析css选择器中的两种。
点击 7270 创建时间 2011-01-23 12:08:07
<div class="cnt" id="blog_text"> <p> <script type="text/javascript" src="../../lib/wudimei.js"></script></p> <p> <script type="text/javascript"><br /> <br /> var dom=new Wudimei.Dom();<br /> dom.loaded( function(){</p> dom.query("#countryBtn").on("click", function( sender,event ){<br /> var d= dom.query("body input[name='country'][type='radio']:checked").getAttr("value");<br /> alert( d );<br /> });<br /> <p> });//end of dom.loaded()</p> <p> </script></p> <p> </p> <p> <input type="radio" name="country" value="china" />china<br /> <input type="radio" name="country" value="english" checked="checked" />english<br /> <input type="button" id="countryBtn" value="show selected country" /><br /> </p> <p> </p> <p> 学过jquery的也许看得明白,就是把body元素下面的input元素中属性name='country' 和type='radio'中选中状态的元素的属性value读出来。</p> <p> 我所说的成功解析css selectors(css选择器)中的两种是</p> <p>
- 属性名="属性值" </p> <p>
- :checked</p> <p> 后续开发会加入以下这些:</p> <p>
- 属性名^="属性值" 以“属性值”开头的</p> <p> 2 属性名$="属性值" 以属性值结尾的</p> <p> 3 属性名*="属性值"</p> <p> wudimei.js 正在开发中,项目地址是:http://wudimei.com/data/projects/wudimei_js/demos/framework/</p> <p> 欢迎学习,欢迎指教。</p> </div>
上一篇: wudimei.js ajax request
下一篇: 不接赌博类的网站的单