首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuey惯用选择器(二)

2012-10-09 
jQuey常用选择器(二)以下内容均是来自《锋利的jQuery》,发到这里,纯属做个笔记,方便查阅。直接看代码: !DOCT

jQuey常用选择器(二)
以下内容均是来自《锋利的jQuery》,发到这里,纯属做个笔记,方便查阅。
直接看代码:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"          "http://www.w3.org/TR/html4/loose.dtd">  <html>  <head>      <title></title>      <script type="text/javascript" src="jquery-1.3.1.js">        </script>       <script type="text/javascript">         $().ready(             function() {                  //表单对象属性过滤选择器                 //1改变表单内可用元素的值                 //$('#form1 input:enabled').val("这里变化了");                  //2改变表单内不可用元素的值                 //$('#form1 input:disabled').val("这里变化了");                  //3选取多选框中选中的个数                 //alert($('#form1 input:checked').length);                  //4选取下拉框中选中的内容                 alert($('#form1 select :selected').length);             }         );     </script> </head> <body>     <form action="" id="form1">         可用元素:<input name="add" value="可用文本框"/><br/>         不可用元素:<input name="email" disabled="disabled" value="不可用文本框"/><br/>         可用元素:<input name="che" value="可用文本框"/><br/>         不可用元素:<input name="name" disabled="disabled" value="不可用文本框"/><br/>          <br/>        多选框:<br/>         <input type="checkbox" name="newsletter" checked="checked" value="test1"/>test1         <input type="checkbox" name="newsletter" value="test2"/>test2         <input type="checkbox" name="newsletter" value="test3"/>test3        <input type="checkbox" name="newsletter" checked="checked" value="test4"/>test4         <input type="checkbox" name="newsletter" value="test5"/>test5          <div></div>         <br/><br/>         下拉列表:<br/>         <select name="test" multiple="multiple" style="height:100px">            <option>浙江</option>             <option selected="selected">湖南</option>             <option>北京</option>             <option selected="selected">天津</option>             <option>广州</option>             <option>湖北</option>        </select>         <br/><br/>         下拉列表2:<br/>        <select name="test2">            <option>浙江</option>             <option>湖南</option>            <option selected="selected">北京</option>             <option>天津</option>             <option>广州</option>             <option>湖北</option>        </select>        <div></div>     </form> </body> </html> 

?

热点排行