JQuery

html() 참고자료 .html() .html() | jQuery API Documentation Description: Get the HTML contents of the first element in the set of matched elements. This method is not available on XML documents. In an HTML document, .html() can be used to get the contents of any element. If the selector expression matches more than api.jquery.com 요소의 값 변경 head-0 head-1 head-2 var tmpHtml = $('h2').html(); alert(tmpHt..

참고자료. .attr() .attr() | jQuery API Documentation Description: Get the value of an attribute for the first element in the set of matched elements. The .attr() method gets the attribute value for only the first element in the matched set. To get the value for each element individually, use a looping constr api.jquery.com 요소의 속성을 변경/제어 $(document).ready(function(){ // 요소의 속성을 변경/제어 }); 속성의 정보 확인 해당..

참고자료 .css() .css() | jQuery API Documentation Description: Set one or more CSS properties for the set of matched elements. As with the .prop() method, the .css() method makes setting properties of elements quick and easy. This method can take either a property name and value as separate parameters, or api.jquery.com var colorArr = ['red', 'orange', 'yellow']; $('h2').css('color', function(index,..

head-0 head-1 head-2 글자색 파랑으로 변경 → 요소에 속성 하나를 적용 $('h2').css('color','blue'); c = $('h2').css('color'); alert("결과: " + c); h2 태그 글자색 빨, 주, 노 순서로 설정 $('h2').css('color','yellow'); $('h2:odd').css('color','orange'); $('h2:first').css('color','red');

JQ 이용하여 표 꾸미기 번호 이름 성별 1 땅콩 여 2 따옹 남 $('tr:first th').css('color', 'black'); ✔️ 홀수행 - red 배경색, 짝수행 - blue 배경색 $('tr:odd').css('background-color', 'red'); $('tr:even').css('background-color', 'blue');

2023.11.07 - [JQuery] - [JQ] JQ 선택자 통해 요소 속성 바꾸기 [JQ] JQ 선택자 통해 요소 속성 바꾸기 제이쿼리 기본세팅 ** $(document).ready(function(){ alert(' JQUERY 준비 끝! '); });** document.fr.id(JS) $ (요소 선택자) $ ( input/#id ) (JQuery) 모든요소를 선택하는 선택자 주로 작은따옴표를 사용 $('*'); css function을 cutyqueen.tistory.com 아이디: 비밀번호: $('input[type=text]').css('color', 'pink'); $('input[type=password]').css('color', 'blue'); $('input[type**^=p**..

제이쿼리 기본세팅 ** $(document).ready(function(){ alert(' JQUERY 준비 끝! '); });** document.fr.id(JS) $ (요소 선택자) $ ( input/#id ) (JQuery) 모든요소를 선택하는 선택자 주로 작은따옴표를 사용 $('*'); css function을 들고와서 모든 요소의 color를 red로 바꾸기 $('*').css('color', 'red'); ➡️ 원래 색이 바뀐게 아니라 검은색 위에 빨간색이 덮여진거임 document가 끝나면 JQ가 실행 됨 JQ는 body 하단부에 쿼리를 따로 모아둠 태그요소 선택하는 선택자 -제목(h2) 색상 변경 $('h2').css('color', 'blue'); 제목1, 제목2를 구분할 수 있도록 속성..

JQuery(제이쿼리)란? JS lib (프레임워크) 자바스크립트에서 자주 사용되는 기능을 모아놓은 것 반드시 lib 설치가 필요함3 모바일 시장자체가 안드로이드만으로 만들어야했다면, JQuery가 생기면서부터 하이브리드/wepapp가 됨 JQuery lib 설치 사이트 jQuery jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across ..