How jquery adds read-only attributes to input

This article mainly introduces "how jquery adds read-only attributes to input". In daily operation, I believe many people have doubts about how jquery adds read-only attributes to input. Xiaobian consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the doubts of "how jquery adds read-only attributes to input". Next, please follow the editor to study!

Jquery adds read-only attributes to input: 1, use the "$(" input ")" statement to get the input object; 2, use attr () to add read-only attributes to the acquired input object, syntax "input object .attr (" readonly "," readonly ");".

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

Read-only attribute of input-- readonly

The readonly property specifies that the input field is read-only.

Read-only fields cannot be modified. However, users can still use the tab key to switch to the field and select or copy its text.

The readonly attribute prevents the user from modifying the value until certain conditions are met (such as selecting a check box). Then, you need to use JavaScript to eliminate the readonly value and switch the input field to editable state.

How does jquery add readonly attributes to input?

In jquery, you can use the attr () method to add a readonly attribute to the input element.

The attr () method sets or returns the property value of the selected element.

Example:

$(document) .ready (function () {$("button") .click (function () {$("input"). Attr ("readonly", "readonly");}) .intro {font-size: 120%; color: red;} add a read-only attribute to input

At this point, the study on "how jquery adds read-only attributes to input" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!