[jQuery] 사용법 , 체크박스 선택유무

[jQuery] 사용법 , 체크박스 선택유무 웹프로그램/스크립트 2012. 7. 8. 18:57

1. 체크박스 선택 유무 ::::: 방법 1

체크박스 선택 유무 ::::: 방법 2

$('input:checkbox[name=userGroup]:checked').length

라디오 값 가져오기

$('input:radio[name=timeType]:checked').val()

2. trim

var str = $.trim(value);

3. 선택된 값 읽기

$("#select_box option:selected").val();
$("select[name=selectbox]").val();

jQuery로 선택된 내용 읽기
$("#selectbox option:selected").text();

http://hanjiq.egloos.com/2358924 기초 예제

http://pat.im/906 -박스 서서히 사라지는 예제

http://rubis.tistory.com/294 ajax 예제

http://leandrovieira.com/projects/jquery/lightbox/ 이미지 박스에 하이라이트

http://www.mimul.com/pebble/default/2007/11/10/1194695220000.html 이미지 로더 ? 반만 다운후 다보이게

포문

<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript"> function test() { var a = 0; var su =1; $('div:[id^=div]').each(//각각div:안에 있는 div로 시작()^=)하는 id 호출함 function(){ a +=0.25;//this는 자바 속성인데 $(안에 들어가면 jquery 추가됨) $(this).html(su++).css('background', 'rgba(255,0,0,'+a+')') .css('textAlign', 'center');//html(이안에 html로 쓰겠다는 소리) }) }</script>
</head>
<body>
<input type="button" value="바꾸기" onclick="test()">
<div id="div1" style="border: 1px dotted; width: 300px; height: 50px;"></div>
<div id="div2" style="border: 1px dotted; width: 300px; height: 50px;"></div>
<div id="div3" style="border: 1px dotted; width: 300px; height: 50px;"></div>
<div id="div4" style="border: 1px dotted; width: 300px; height: 50px;"></div>
</body>
</html>