jQuery對元素值操作
一 jQuery提供了3種對元素值操作的方法
| 方法 | 說明 | 示例 |
| var | 用於獲取第一個匹配元素的當前值，返回值可能是一個字符串，也可能是一個數組。例如當select元素有兩個選中值時，返回結果就是一個數組 | $("#username").val; //獲取id為username的元素的值 |
| var(val) | 用於設置所有匹配元素的值 | $("input:text").val("新值") //為全部文本框設置值 |
| var(arrVal) | 用於為check、select和radio等元素設置值，參數為字符串數組 | $("select").val(['列表項1','列表項2']); //為下拉列表框設置多選值 |
二 應用
為多行列表框設置並獲取值
三 代碼
<script language="javascript" src="JS/jquery-3.1.1.min.js"></script>
<select name="like" size="3" multiple="multiple" id="like">
<option>列表項1</option>
<option selected="selected">列表項2</option>
<option selected="selected">列表項3</option>
</select>
<script type="text/javascript">
$(document).ready(function{
$("select").val(['列表項1','列表項2']);
alert($("select").val);
});
</script>四 運行效果
相關推薦
'jQuery的前世今生'
"jQuery曾經是世上最流行的JavaScript庫，在2000年後期，它得到了廣泛的應用，圍繞它也產生了一個豐富的生態系統，誕生了大量的插件、框架。但是到了最近一段時間，jQuery的地位急劇下降。這篇文章會回顧一下jQuery的前世今生。jQuery的歷史John R...
'2019 年了，為什麼我還在用 jQuery？'
"許多人都在提倡: “直接用原生的 JavaScript 就好了，不需要 jQuery 了”。You might not need jQuery嘗試告訴我們，擺脫 jQuery 是一件很容易的事情。但是，它的第一個例子恰恰告訴我們用 jQuery 其實也不錯，因為我們寫了 ...
'javascript核心之DOM操作'
"JS一個重要功能就是操作DOM, 改變頁面顯示。目錄：1、基本概念2、節點類型3、節點關係4、節點操作基本概念DOM全稱為Document Object Model ，即文檔對象模型，是針對HTML和XML的一個API, 描繪了一個層次化的節點樹，可以添加、移除和修改頁面...
'華為鴻蒙操作系統全景解構'
"操作系統在ICT產業扮演重要角色，操作系統廠商將成為相應產業生態的主導者。藉助鴻蒙操作系統，華為將在生態、硬件、先發+持續創新三方面體現競爭優勢，成為5G+IoT產業領軍。華為發佈鴻蒙操作系統，同時將開源方舟編譯器，主要體現發力物聯網領域，預計將對華為各業務板塊產生積極作...
'為什麼說java是隻有值傳遞？'
"如果你學的第一門程序語言是java可能對這個傳遞方式沒有那麼敏感，如果學了c或c++，然後再學java，那麼可能對這個問題會感到困惑。1.值傳遞與引用傳遞的概念在將傳遞方式之前先理解一下形參與實參。形式參數：是在定義函數名和函數體的時候使用的參數,目的是用來接收調用該函數...
'為什麼我還在用 jQuery?'
"許多人都在提倡: “直接用原生的 JavaScript 就好了，不需要 jQuery 了”。其實擺脫 jQuery 是一件很容易的事情。但是，下面這個例子其實恰恰可以告訴我們用 jQuery 其實也不錯，因為我們寫了 10 行原生的 JavaScript 代碼，其實只需要...
'CSS 偽元素基礎知識：before 與after （一）'
"最近因為一些網頁的需要，需要比較深入的使用了CSS 的「偽元素」( Pseudo Element )，發現原來不只是用用before或after 而已，可以玩的東西還真是不少，所以就來篇文章，把這些比較不常玩的用法歸納整理下，希望對你的日常工作有所幫助。什麼是「偽元素」？...
'JavaScript 按值/引用調用函數'
"我一直在寫關於JavaScript的文章，我也幫助一些朋友學習JavaScript。這是個人最喜歡的話題之一，但我有點驚訝地發現有多少次，人們弄錯了。JS的問題在於它不像其他語言那樣遵循一般模式。例如，在C＃中，ref關鍵字用於定義具有其中一個參數的方法，該參數遵循cal...
'華為鴻蒙操作系統全景解構'
"（溫馨提示：文末有下載方式）1. 華為七年沉澱，發力物聯網操作系統“鴻蒙”1.1 ICT 領域之“大腦”，得系統者得天下 操作系統(OS，Operating System)是管理計算機軟硬件資源的“大腦”。常見ICT 系統包括硬件和軟件兩部分，軟件又可分為操作系統軟件和應...
'使用Xpath定位元素實例：為Web元素創建最終XPath的20種最佳方法'
"使用於任何Web元素類型的XPATH定位的前20種方法（XPATH永遠不會無效）：Web應用程序由不同類型的Web元素組成，例如用於單擊按鈕Web元素，輸入以鍵入文本的Web元素，下拉列表，單選按鈕等。這些Web元素也稱為標記或節點。在自動化Web應用程序時，首先要編寫一...
基於 flask-socketio 的 CRUD 操作初探
Flask 作為一個全棧架構，如果你只會 python，而不懂 javascript 的前端知識，似乎是無法支撐起你的 web 夢想的，比如，一個簡單的頁...
為什麼說 jQuery 會退出前端的舞臺？
作為一個8年的老前端，我來嘗試著回答你的問題。說這個問題之前，我們要先把關注點放在什麼是庫，什麼是框架，什麼是jQuery上。1、JS庫 直白點的話，JS...
推薦中...