jQuery 공작소 : :image

jQuery 공작소에 방문해 주셔서 감사드립니다. 쉬운 예제로 느껴보세요!!

:image 셀렉터는

예제 1
이미지 폼 요소 찾기
보기
소스
<style type="text/css">
    .css_test {
        margin : 0 auto;
        text-align : center;
        width : 500px;
    }
    .css_test input, .css_test textarea {
        border-radius : 5px;
        border : 3px solid gray;
        margin-top : 10px;
        padding : 7px;
    }
</style>

<button type="button" onclick="$('.css_test :image').css('border-color', 'red')">눌러보세용</button>
<button type="button" onclick="$('.css_test :image').css('border-color', '')">다시하기</button>

<div class="css_test">
    <input type="button" value="Input Button">
    <input type="checkbox">
    <input type="file">
    <input type="hidden">
    <input type="image" src="//superkts.com/img/css/huk.gif">
    <input type="password">
    <input type="radio">
    <input type="reset">
    <input type="submit">
    <input type="text">
    <select><option>Option</option></select>
    <textarea></textarea>
    <button>Button</button>
</div>
관련 CSS
jQuery

$( '.css_test  :image' )  -  클래스명이 css_test 인 요소에서 이미지 폼요소 찾기

jQuery 홈페이지 :image API 문서 : http://api.jquery.com/image-selector/