jQuery學習筆記6：表單選擇器

1    正常選擇器

   alert($('input').size());  

   alert($('input').val());  //元素名定位，預設擷取第一個

   alert($('input').eq(1).val());        //同上，擷取第二個，這種寫法語義不清晰，

   alert($('input[type=password]').val());        //選擇type 為password 的字段，語義清晰一點，

   alert($('input[name=pass]').val());  //選擇name 為user 的字段，推薦這種模式

2    表單選擇器

<a href="http://s3.51cto.com/wyfs02/M02/12/4F/wKioL1MC6qSxcdqIAAN11YUZrRU640.jpg" target="_blank"></a>

樣例：

   alert($('input').size());  //擷取所有表單字段元素

   alert($(':input[name=city]').size()); //擷取特定元素

   alert($(':text').size());   //擷取單行文本框元素

   alert($(':password[name=pass]').size());   //擷取密碼欄元素

   alert($(':radio').size());    //擷取單選框元素

   alert($(':radio[name=sex]').eq(1).val());  

   alert($(':radio[name=sex]').last().val());

   alert($('form :hidden').size());  //擷取隐藏字段元素

備注：form用來限定範圍

3    表單過濾器

<a href="http://s3.51cto.com/wyfs02/M01/12/4F/wKioL1MC7WPB8lcXAAFh9Sbzi0E976.jpg" target="_blank"></a>

   alert($('form :enabled').size());   //擷取表單中所有可用元素

   alert($('form :disabled').size());  //擷取表單中所有不可用元素    

   alert($('form :checked').size());   //擷取單選、複選框中被選中的元素

   alert($('form :selected').get(0));   //擷取下拉清單中被選中的元素

     本文轉自stock0991 51CTO部落格，原文連結：http://blog.51cto.com/qing0991/1360078，如需轉載請自行聯系原作者