jQuery是一個(gè)非常流行的JavaScript庫(kù),它提供了很多方便的方法來(lái)簡(jiǎn)化JavaScript代碼。在本文中,我們將介紹如何使用jQuery來(lái)設(shè)置所有input元素只讀。
首先,我們需要在HTML文檔中引入jQuery庫(kù):
<head> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head>
然后,我們可以使用以下代碼來(lái)設(shè)置所有input元素只讀:
$(document).ready(function() { $('input').attr('readonly', true); });
這里的代碼使用了jQuery的選擇器來(lái)選取所有input元素,然后使用attr()方法來(lái)將readonly屬性設(shè)置為true,這樣所有的input元素就都被設(shè)置為只讀了。
最后,我們可以在頁(yè)面中添加一些樣式來(lái)使只讀的input元素更加明顯:
input[readonly] { background-color: #eee; color: #666; cursor: not-allowed; }
這里的代碼使用CSS的屬性選擇器來(lái)選取所有具有readonly屬性的input元素,并設(shè)置它們的背景顏色、文字顏色和鼠標(biāo)指針樣式。
通過(guò)使用上述代碼,我們可以方便地將所有input元素設(shè)置為只讀,并在頁(yè)面中添加樣式來(lái)突出顯示它們。