jQuery利用name匹配元素程式碼例項
分享一段程式碼程式碼例項,它實現了利用name屬性值匹配元素的功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type = "text/javascript"> $(function(){ $("input[name=txt]").val("螞蟻部落"); }) </script> </head> <body> <form> <input type="text" name="txt"> <input type="text" name="address"> </form> </body> </html>
上面的程式碼實現了我們的要求,更多內容可以參閱相關閱讀。
相關閱讀:
(1).[name=txt]參閱jQuery [attribute=value]一章節。
(2).val()參閱jQuery val()一章節。
相關文章
- jQuery遍歷array陣列元素程式碼例項jQuery陣列
- CSS匹配第一個li元素程式碼例項CSS
- CSS 匹配指定name元素CSS
- jQuery.map()方法程式碼例項jQuery
- jQuery tab選項卡效果程式碼例項jQuery
- jquery.idTabs.min.js選項卡程式碼例項jQueryJS
- jQuery點選滑出層效果程式碼例項jQuery
- jQuery table表格隔行換色程式碼例項jQuery
- JavaScript刪除元素節點程式碼例項JavaScript
- jQuery 例項jQuery
- jQuery點選文字框清除內容程式碼例項jQuery
- jQuery控制div顯示和隱藏程式碼例項jQuery
- 例項程式碼詳解正規表示式匹配換行
- 獲取倒數第幾個元素程式碼例項
- jQuery匹配指定type型別input元素jQuery型別
- jQuery記住使用者名稱和密碼效果程式碼例項jQuery密碼
- jQuery Ajax 例項 全解析jQuery
- dom操作程式碼例項
- css梯形程式碼例項CSS
- Memory Dump利用例項
- JavaScript in運算子程式碼例項JavaScript
- 設計模式例項程式碼設計模式
- table表格美化程式碼例項
- jQuery tab選項卡程式碼詳解jQuery
- 利用jQuery實現Tab選項卡jQuery
- 純css tab選項卡程式碼例項CSS
- canvas刮刮樂程式碼例項Canvas
- canvas載入效果程式碼例項Canvas
- CSS空心箭頭程式碼例項CSS
- JavaScript運動框架程式碼例項JavaScript框架
- CSS橢圓效果程式碼例項CSS
- CSS條紋背景程式碼例項CSS
- flex居中佈局程式碼例項Flex
- JavaScript取餘數程式碼例項JavaScript
- canvas繪製扇形程式碼例項Canvas
- table細線表格例項程式碼
- CSS 隔行變色程式碼例項CSS
- HTML5 拖拽程式碼例項HTML