• attr(name) – 조회된 요소의 name Atribute의 값을 조회 • attr(key, value) – 모든 조회된 요소들의 attribute를 설정 • attr(key, 함수) – 모든 조회된 요소들의 attribute를 설정. 값은 함수 실행 후 return 값으로 설정 • attr(properties) – 모든 조회된 요소들의 attribute를 설정. – 여러 개의 attribute 설정시 사용 – properties는 key:value 쌍의 모음 • removeAttr(name) – 모든 조회된 요소들의 해당 attribute를 제거
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="../jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#allcheck").bind("click",function(){ var flag = $(this).attr("checked"); if(flag){//체크됬다면 $("input[name=menu]").attr("checked",true); }else{//체크되지 않았다면 $("input[name=menu]").attr("checked",false); } }); });
$(셀렉터).eaxh(function(){ $(this) }) //셀렉터를 조회했더니 배열을 조회 했을 경우 사용
$("#chkbtn").bind("click",function(){ var chk = $(":checkbox:checked"); var txt = ""; for(i=0;i<chk.length;i++){ txt = txt + $(chk[i]).val()+ ", "; } $("#showLayer").text(txt); });
//빨강색으로 된 부분을 아래와 같이 바꿔 쓸 수 있다.
//each() : $("배열 셀렉터").each(function) - jQuery 객체가 가지고 있는 배열 객체의 크기 만큼 반복하면서 함수 호출 $(":checkbox:checked").each(function(){ txt = txt + $(this).val()+",";//this를 가져오면 checkbox에서 선택된 값이 넘어오는데 val()함수가 jQuery것이어서 사용하기위해$(this)로 바꿔준다. });
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="../jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ //$("input[type=text]").bind("blur",function(){//blur : 포커스를 잃었을경우 $(":text").bind("blur",function(){//input[type=text]와 : text는 같다. var txt = $(this).val();//value값 리턴 if(txt==""){ alert("값을 입력하지 않았습니다."); }else{ $(this).val("입력한 값 : "+txt); //value를 다시 입력한값 : txt로 셋팅 } }); $("#hp").bind("change",function(){ //select에서 선택된 option 조회 - val(); alert($(this).val()); }); $("#chkbtn").bind("click",function(){ var chk = $(":checkbox:checked"); var txt = ""; /* for(i=0;i<chk.length;i++){ txt = txt + $(chk[i]).val()+ ", "; } */ //each() : $("배열 셀렉터").each(function) - jQuery 객체가 가지고 있는 배열 객체의 크기 만큼 반복하면서 함수 호출 $(":checkbox:checked").each(function(){ txt = txt + $(this).val()+",";//this를 가져오면 checkbox에서 선택된 값이 넘어오는데 val()함수가 jQuery것이어서 사용하기위해$(this)로 바꿔준다. });
$("#showLayer").text(txt); }); });
</script> </head> <body> <form id="form1" name="form1" action="" method="post"> 이름 : <input type="text" name="name" id="name"><br> 나이 : <input type="text" name="age" id="age"><br>
