JQuery是一種JavaScript庫，廣泛應用于前端開發(fā)。其中的"data"方法是一個允許我們從DOM元素中讀取數(shù)據(jù)的函數(shù)。這個函數(shù)可以非常方便地找到與該元素相關聯(lián)的所有控件，讓我們可以在頁面上方便地操作它們。
要通過data找到控件，我們需要按以下方式進行：
$(selector).data(key);
這里，“selector”指的是與控件相關的CSS選擇器，“key”是我們正在查找的數(shù)據(jù)的名稱。
下面是一個實際的例子，其中我們將在表格中查找“用戶名”和“密碼”文本框控件：
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<table>
<tr>
<td>用戶名:</td>
<td><input id="username" type="text" /></td>
</tr>
<tr>
<td>密碼:</td>
<td><input id="password" type="password" /></td>
</tr>
<tr>
<td colspan="2"><button id="submit">登錄</button></td>
</tr>
</table>
<script>
$(document).ready(function(){
$("#submit").click(function(){
var username = $("#username").data("username");
var password = $("#password").data("password");
alert("用戶名: " + username + "\n密碼: " + password);
});
});
</script>
</body>
</html>在上面的代碼中，我們僅僅在“用戶名”和“密碼”文本框中添加了"data-username"和"data-password"屬性。這樣，我們就可以通過使用“data”函數(shù)輕松地獲取這些數(shù)據(jù)。在這個例子中，我們使用"click"事件來觸發(fā)查找操作，并在alert框中顯示出來。
總的來說，使用"data"函數(shù)查找控件是一種非常方便的方法。不僅它讓我們可以輕松地訪問控件上的數(shù)據(jù)，而且它還可以節(jié)省我們在代碼中查找控件的時間和精力。
下一篇jquery選項卡項目