杨庆荣的博客

工作之余接单:公司产品展示网站建设、电商网站建设、小程序、app开发。+86 13714715608

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

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

<div class="cnt" id="blog_text"> <p> &lt;script type="text/javascript" src="../../lib/wudimei.js"&gt;&lt;/script&gt;</p> <p> &lt;script type="text/javascript"&gt;<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> &lt;/script&gt;</p> <p> </p> <p> &lt;input type="radio" name="country" value="china" /&gt;china<br /> &lt;input type="radio" name="country" value="english" checked="checked" /&gt;english<br /> &lt;input type="button" id="countryBtn" value="show selected country" /&gt;<br /> </p> <p> </p> <p> 学过jquery的也许看得明白,就是把body元素下面的input元素中属性name='country' 和type='radio'中选中状态的元素的属性value读出来。</p> <p> 我所说的成功解析css selectors(css选择器)中的两种是</p> <p>

  1. 属性名="属性值" </p> <p>
  2. :checked</p> <p> 后续开发会加入以下这些:</p> <p>
  3. 属性名^="属性值" 以“属性值”开头的</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
下一篇: 不接赌博类的网站的单