In jQuery: disabled selector usage example, jquery Selector
This document describes the usage of the disabled selector in jQuery. Share it with you for your reference. The specific analysis is as follows:
This selector can select all disabled form elements.
Syntax structure:
Copy codeThe Code is as follows: $ (": disabled ")
This selector should also be used with other selectors, such as class selector and element selector.
Copy codeThe Code is as follows: $ ("input: disabled" ).css ("background-color", "red ");
The above Code sets the background color of the unavailable input element to red.
Instance code:
Copy codeThe Code is as follows:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Meta name = "author" content = "http://www.bkjia.com/"/>
<Title> helping customers </title>
<Script type = "text/javascript" src = "mytest/jQuery/jquery-1.8.3.js"> </script>
<Script type = "text/javascript">
$ (Document). ready (function (){
$ ("Button"). click (function (){
$ ("Input: disabled" ).css ("background-color", "red ");
});
});
</Script>
</Head>
<Body>
<Ul>
<Li>
Unavailable text box: <input type = "text" name = "zhuanqu" disabled = "disabled"/>
Available text box: <input type = "text" name = "keyong"/>
</Li>
</Ul>
<Button> click to view results </button>
</Body>
</Html>
I hope this article will help you with jQuery programming.