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
- jQuery和DOMjQuery
- jQuery 操作 DOMjQuery
- 【jQuery】之DOM操作jQuery
- jQuery 之 [ DOM操作 ]jQuery
- JQuery的DOM操作jQuery
- jquery 中的dom操作jQuery
- jQuery入門-DOM操作jQuery
- jQuery中的DOM操作jQuery
- DOM常用操作
- DOM 常用方法
- jQuery獲取表單值及幾個表單事件jQuery事件
- jquery.validate 表單驗證jQuery
- 【JQuery】DOM物件和JQuery物件的互相轉換jQuery物件
- DOM 常用 API 解析API
- jQuery表單驗證效果詳解jQuery
- 初學jQuery(表單選擇器)jQuery
- jQuery入門-DOM/$/選擇器jQuery
- jquery物件如何轉化成DOM物件jQuery物件
- jQuery操作dom節點empty()方法jQuery
- jQuery常用apijQueryAPI
- JQuery獲取form表單中所有值jQueryORM
- jquery ajax方式直接提交整個表單jQuery
- jQuery 表單驗證 學習手記jQuery
- 利用jQuery實現表單驗證功能jQuery
- jQuery知識總結之DOM操作jQuery
- 常用HTML標籤3:表單HTML
- jQuery Validate表單驗證基本流程介紹jQuery
- JavaScript5:常用DOM操作JavaScript
- JavaScript操作DOM常用的APIJavaScriptAPI
- jquery物件和DOM物件的互相轉換jQuery物件
- jQuery 物件 與 原生 DOM 物件 相互轉換jQuery物件
- jQuery EasyUI API 中文文件 - 表單(form補充)jQueryUIAPIORM
- 1.4 常用HTML標籤3:表單HTML
- JQuery常用方法一覽jQuery
- jQuery實現DOM元素事件動態繫結jQuery事件
- HTML DOM querySelectorAll() 代替 jquery的 $('') CSS選擇器HTMLjQueryCSS
- 1.14 JavaScript5:常用DOM操作JavaScript
- jQuery Validate表單驗證(使用者註冊簡單應用)jQuery