일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 |
- React-Natvie
- NGINX
- vue #vue.js #vue컴포넌트
- IDE
- cicd
- webpack
- webstorm
- ec2
- 웹개발
- CI/CD
- 100mb
- Styled Components
- jenkins
- v-show
- 리다이렉션
- memory
- vue
- ELB
- git commit
- v-if
- docker
- 용량
- Pipeline
- vue template
- javascript
- 깃
- vue-template-compiler
- Vue.js
- Git
- typescript
- Today
- 64
- Total
- 457,885
목록웹 프론트엔드/JQuery (4)
번데기 개발자의 메모장
text 어떤 내용이 예를들어 p같은 문자 태그 안에 있다면 text를 사용해서 변경할 수 있습니다. 그냥 text() 이런식으로 사용한다면 오히려 해당 요소의 text를 가져오는 역활을 합니다. 위의 예제는 hello를 출력합니다. html html도 text와 비슷한 기능인데요, text는 텍스느만 불로오지만 html()은 html 태그도 불러옵니다. http://www.everdevel.com/jQuery/text-html.php
Chain 이란 jquery의 메소드들은 반환값으로 자기 자신을 반환해야 한다는 규칙을 가지고 있습니다. 이를 이용하면 한번 선택한 대상에 대해서 연속적인 제어를 할 수 있습니다. 즉 자기 자신을 포함하는 래퍼를 모든 메서드가 반환합니다. 여러줄의 코드를 한줄로 표현 가능~ Chain의 장점 코드가 간결해집니다. 인간의 언어와 유사해서 사고의 자연스러운 과정과 일치함. 하나의 주어를 여러가지 서술어가 묘사 할 수 있습니다. 탐색 (traversing) chain의 대상을 바꿔서 채인을 계속 연장시킬 수 있습니다. 너무 복잡한 chain은 코드의 가독성을 떨어 뜨립니다. 예제) find(.foo) -> 주어진 래퍼의 자식 앨리먼트중 class명이 foo인 엘리먼트를 찾아라!end() -> 마지막으로 사용한..
선택자란? jquery 래퍼에는 CSS 선택자가 위치할 수 있는데, 이를 통해 제어하려는 엘리먼트를 빠르고 정확하게 지정할 수 있습니다. jquery 공식 홈페이지 api.jquery.com -> jquery 공식 홈페이지 Selector 챕터의 Basic에 해당 선택자에 대한 설명이 나와있습니다. 예제를 실행해보며 공부해 볼 수 있습니다 기본 선택자 필터 선택자 대괄호로 시작하며 앞쪽에는 속성 이름이 들어가게 됩니다. = 앞에 어떤 연산자가 들어가느냐에 따라 동작의 차이가 발생합니다. 속성 선택자 폼 선택자
래퍼란? jquery라는 이름으로 시작되는 함수를 래퍼라고 합니다. jquery ( 앨리먼트 오브젝트 | 'CSS' 스타일 선택자') 의 형태로 사용됩니다. 보통 $로 많이 씁니다. 엘리먼트 오브젝트 => document.getElementById css 스타일 선택자 => . # 등의 css 문법 레퍼의 안전한 사용 jquery는 라이브러리로 재사용을 하기 위해 사용합니다. jquery는 다른 라이브러리와 같이 사용할 경우가 많습니다. 그럴경우 라이브러리의 변수명, 함수명등의 충돌이 발생할 수 있기 때문에 jquery는 이러한 충돌을 회피할 수 있는 기능을 제공합니다. (장점) $(엘리먼트)와 jquery(앨리먼트)는 같은 의미이지만 $를 사용하는 다른 라이브러리와의 충돌 때문에 다음과 같은 방법을 사..