jquery常用表單&DOM操作方法
**專案中有很多用jquery寫的表單互動,在寫的過程中發現很多常用的表單和DOM操作方法經常記不住,這次搞定了,下次到這裡又忘了是怎麼寫。在這裡總結一下,方便查閱記憶。**
表單元素操作:
1.<input tyle="texy" placeholder="你的姓名..."/>
中,使用placeholder做佔位提示。
2.<textarea placeholder="Please input ..." cols="10" rows="5"></textarea>
3.可以使用$(元素).change()主動觸發該元素的onchange()事件,該事件僅對文text,textarea和select元素有效。類似的jquery方法還有click();blur();focus()等。
4.`如何用jquery判斷checkbox 和 radio中是否被選中:$(元素).is(“:checked”) == true || false
5.使用jquery操作checkbox 和 radio 的選中:
$(元素).attr("checked","checked")
$(元素).removeAttr("checked")
6.關於select 和 option
//獲取選中的option物件
$(select).find("option:selected");
//獲取select選擇的value
$(select).val();
//設定select的value為4的項選中
$(select).val(4);
//給select設定選中text為jquert的option
$("#select_id option[text='jQuery']").attr("selected", true);
7.判斷一個DOM節點是否存在:$(元素).length>0 為真則存在。
相關文章
- jquery中dom節點操作方法empty和remove的區別jQueryREM
- 前端新手必看的JavaScript常用DOM操作方法和函式前端JavaScript函式
- jquery DOMjQuery
- jQuery 操作 DOMjQuery
- jQuery和DOMjQuery
- jQuery 表單的操作jQuery
- jquery 表單驗證jQuery
- jquery表單應用jQuery
- jQuery表單外掛jQuery.formjQueryORM
- 經典EL表示式和Jquery實現表格表單常用操作jQuery
- jQuery 之 [ DOM操作 ]jQuery
- 【jQuery】之DOM操作jQuery
- jQuery的DOM操作、jQuery
- jquery DOM&事件jQuery事件
- jQuery中DOM操作jQuery
- [jQuery] DOM操作薦jQuery
- jQuery系列:DOM操作jQuery
- JQuery的DOM操作jQuery
- jQuery物件轉換為dom物件簡單介紹jQuery物件
- DOM常用操作
- jQuery表單操作程式碼jQuery
- jQuery 事件(二) 表單事件jQuery事件
- jquery實現重置表單jQuery
- dom物件和jQuery物件相互轉換簡單介紹物件jQuery
- jQuery入門-DOM操作jQuery
- jQuery中的DOM操作jQuery
- jquery 中的dom操作jQuery
- jQuery物件和DOM物件jQuery物件
- 原生js的常用dom元素操簡單介紹JS
- DOM 常用 API 解析API
- jQuery獲取表單值及幾個表單事件jQuery事件
- JavaScript------表單約束驗證DOM方法JavaScript
- jQuery dom元素層級匹配選擇器簡單介紹jQuery
- DOM-based XSS in jQueryjQuery
- 【JQuery】DOM物件和JQuery物件的互相轉換jQuery物件
- PHP memcached 其他常用操作方法PHP
- 常用URL引數操作方法
- jQuery表單驗證效果詳解jQuery