jQuery Selector 사용하기 (9. Form 객체 속성)

jQuery Selector 사용하기 (9. Form 객체 속성)_jquery

WBOY

풀어 주다： 2016-05-16 18:39:29

원래의

1367명이 탐색했습니다.

이 기사 시리즈는 기본 기사, 계층 기사, 단순 기사, 콘텐츠 기사, 가시성 기사, 속성 기사, 하위 요소 기사, 양식 기사 및 양식 개체 속성 기사의 9개 기사로 나뉩니다.
이 문서에서는 :enabled, :disabled, :checked, :selected의 사용법을 설명합니다.
이 시리즈 기사에 대한 제안이나 의견이 있는 경우 이메일: sjzlgt@qq.com으로 보내주세요.
기술 기사 시리즈를 작성하는 것은 이번이 처음이므로, 오류나 코드 버그가 있을 수 있으니 지적해 주시면 감사하겠습니다!
실행 후 jquery를 새로 고치고 로드해야 합니다

<title>jQuery-Selectors-9</title>
<style type="text/css"> 
.div 
{ 
    width:95%; 
    margin-left:15px; 
    margin-top:15px; 
    margin-right:15px; 
    padding-left:5px; 
    padding-top:5px; 
    padding-bottom:5px; 
    background-color:#ccc; 
    border:#999 1px solid; 
    line-height:30px; 
    font-size:13px; 
    font-family:微软雅黑; 
} 
.blue{color:Blue;} 
.green{color:Green;} 
.button{border:green 1px solid;width:100px;} 
.xiaobiao{ font-weight:bold;} 
.red_test{background-color:red; color:White; width:300px; height:30px;} 
.li_test{border:#000 1px solid;} 
</style>

<div style="width:100%; text-align:center; font-size:16px; font-weight:bold;">
</div>jQuery 선택기 사용(9. 양식 개체 속성)<a href="http://jquery.com/" target="_blank">
이 시리즈의 기사에서는 주로 jQuery 프레임워크의 선택기를 사용하는 방법에 대해 설명합니다. 단순성과 포괄성을 기반으로 하며 깊이 있게 다루지는 않습니다. 먼저 시작한 다음 진행하세요.
 
이 기사 시리즈는 기본 기사, 계층 기사, 단순 기사, 콘텐츠 기사, 가시성 기사, 속성 기사, 하위 요소 기사, 양식 기사 및 양식 개체 속성 기사의 9개 기사로 나뉩니다.
 
이 문서에서는 :enabled, :disabled, :checked, :selected의 사용법을 설명합니다.
 
이 기사 시리즈에 대한 제안이나 의견이 있는 경우 이메일(sjzlgt@qq.com)로 보내주십시오.
 
기술적인 글을 쓰는 것이 처음이라 실수나 코드 버그가 있을 수 있으니 지적해주시면 감사하겠습니다!
 
jQuery에 대해 자세히 알아보려면 </a>jQuery 공식 웹사이트<span style="color:Red;">를 방문하세요.
 
<strong><a href="http://www.cnblogs.com/bynet/" target="_blank">저작권: code-cat 블로그:</a>http://www.cnblogs.com/bynet</strong> 전재 시 원저작자, 출처, 저작권 정보를 꼭 지켜주세요! </span>
</div>
<div class="div">

</div>
IE6, IE7 및 Firefox에서 테스트되었으며 효과를 얻을 수 있습니다. 
<div class="div">

<span class="xiaobiao">
</span>1. :사용 가능<span style="border:blue 1px solid;">
 
정의: 사용 가능한 모든 요소와 일치
 
반환 값: Array<Element>
 
예: ID가 "div_a1"인 DIV에서 사용 가능한 모든 입력 요소의 배경색을 빨간색으로 변경합니다.
 
<span style="color:green;">코드: $("#div_a1 input:enabled").css("Background-color","red");</span> //이 코드를 실행하려면 버튼 1을 클릭하세요. </span><div id="div_a1" style="border:red 1px solid; padding-bottom:5px; padding-left:5px; width:98%;">
<span id="span_a1" style="border:#000 1px solid; width:200px; margin-right:5px;padding-left:5px; ">
DIV ID="div_a1"
 
</span>
스팬 ID="span_a1"
 
<input type="text" value="input text">
<input type="text" value="input text 不可用" disabled>
<input type="text" value="input text">
<input type="password" value="123123">
<input type="reset" value="reset 不可用" disabled>
 
<input type="submit" value="submit">
<textarea rows="2" cols="10">
텍스트아라<select>
<option>
</option>선택</select>
<input type="button" id="btn_1" value="按钮一" class="button">