본문 바로가기

JAVA/javascript, jQuery21

JQuery - 라디오필터 label for사용법 1234567891011 $(function(){ $(":radio").change(function(){ //모든 라디오태그들중 속성이 변화하는 것을, $("label").css("font-weight" , ""); //label태그의 font를 초기화시키고, $("label[for='"+$(this).attr("id")+"']").css("font-weight", "bold"); //label태그의 id값이 일치하는 폰트를 bold체로 바꾼다. }); });Colored by Color Scriptercs 2018. 7. 9.
JQuery - event안의 blur처리 JQuery 이벤트 :: 이벤트가 발생하는 시점에 JQuery를 실행 on() : 새롭게 만들어지는애한테도 이벤트를 적용시킬수있는 애-> 기본적으로 JQuery 객체를 리턴하지만 메서드의 전달인자로 추가적인 선택자를 명시하면최초 요소의 하위를 재탐색하며 리턴한다. mousedown() : 마우스버튼이 눌려있는상태(아직안뗌)mouseup() : 마우스버튼을 눌려져있는채에서 뗀상태mouseover() : 해당영역에 올라갔을때mouseout() : 해당영역에서 벗어났을때mousemove() : 마우스 이동할때마다 출력 12345678 $(function(){ //p태그의 html이 가지고있는 속성중 clientX / clientY 를 출력한다. $("img").mousemove(function(e){ $("p.. 2018. 7. 9.
JQuery(contains/has/only-child) $("li:contains('샘플')").css("color","red");//li태그들중 '샘플'이라는 텍스트를 가지고있는 애$("li:has(strong)").css("color" , "blue");//has(태그) --- li태그들중 strong태그를 가지고있는 애 $("li span:only-child").css("color","red");//자식태그를 하나만 가지고있는 애를 찾는 only-child 123456789101112 $("li:contains('샘플')").css("color","red"); //li태그들중 '샘플'이라는 텍스트를 가지고있는 애 $("li:has(strong)").css("color" , "blue"); //has(태그) --- li태그들중 strong태그를 가지고있는.. 2018. 7. 9.
JQuery(append/before/wrap) 123456789101112131415161718192021222324252627282930 $("태그 : parent") --- 자식태그가있거나, 텍스트를 가지고있는애 $("p#first").prepend("ㅎㅇ") //p태그안의 id가 first인 태그안의 HTML영역 앞에다 추가한다. $("p#first").append("ㅎㅇ") //p태그안의 id가 first인 태그안의 HTML영역 뒤에다 추가한다. $("p#first").before("ㅎㅇ") //p태그안의 id가 first인 태그앞에 추가한다. $("p#first").after("ㅎㅇ") //p태그안의 id가 first인 태그뒤에 HTML영역 앞에다 추가한다. $("a").attr("href", "http://www.naver.com/"); .. 2018. 7. 9.
JQuery의 실행순서와 기초 속성들 *JQuery실행순서jquery 파일 다운 받기 (http://jquery.com) -> production / developement 다운 기본화면뜨는창 설정방법window - preference - web - htmlfiles - editor - templates - html에서 수정. *레디펑션(ready() : 페이지 로딩후 실행. 생략가능) $(function(){ $("셀렉터").명렁어; $("셀렉터").명령어;}); ㅡ> 이런식으로 생략 가능 odd : 홀수번호even : 짝수번호 12345678*인덱스번호가 0번부터 시작하는애들$(“태그:even”) 짝수번호$(“태그:odd”) 홀수번호$(“태그:eq(번호)”) 번호랑 같은 애를 지정 equal $(“태그:gt(번호)”) 번호보다 뒤에있는애.. 2018. 7. 9.
자바스크립트 - Array 4. 배열 : 인덱스가 붙은 값들이 여러 개 모여 있는 것array.prototype객체가 프로토타입이다.Object.protytype은 자바스크립트 객체의 최상위 부모이기때문에 배열 객체또한 호출할 수 있다. 12345678910111213141516171819 var arr = [ 1, 2, 3, 4 ]; var arr1 = []; // 빈 배열 생성 var arr2 = [ 1.1, true, "AA", ]; // 다른 타입의 데이터도 저장가능 var i = 10; var arr3 = [ i + 1, i + 10, i + 100 ]; // 연산하는 배열도 저장가능 var arr4 = [ 1, { x : 1, y : 2}, 3, { x : 1, y : 2} ]; // 배열안에 객체도 저장가능 var a.. 2018. 7. 4.
자바스크립트 - 객체 ★자바스크립트 객체 1. 객체 ( {이름(ket) : 값(value)}:: 이름이 붙은 값(프로퍼티)들이 여러개 모여있는것. 2. 선언 var Obj = { x :0, y: 1 , z :2 , fun:function(){..} }; // 객체 리터럴방식var time = new Date(); // 생성자var Obj = { }; // 빈 객체 생성 1234567 var user = {name : '자바' , age : 20}; console.log(typeof user); console.log(user);//객체안의 프로퍼티가 전부 출력됨 console.log(user.name);//점(.)으로 호출할땐 그냥 변수명만쓰면되지만 console.log(user['age']);//대괄호로 호출할땐 '변수명'으.. 2018. 7. 4.

티스토리툴바