일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |
- jquery
- Eclipse
- java
- 폼태그
- 마이바티스
- 이클립스
- 알고리즘
- html
- 설정
- 자바
- 스프링
- 오라클
- jstl
- 자바스크립트
- 설치
- 깃허브 간단요약
- SESSION
- 필터체인
- 버튼
- 제이쿼리
- jsp 내부객체
- Oracle
- jsp
- 깃허브
- Spring
- 면접
- MySQL
- EL태그
- 셋업
- springboot
- Today
- Total
은은하게 코드 뿌시기
제이쿼리 찾기 /dom요소 가져오기/이름으로 시작하는 모든 요소 를 찾아 실행 본문
content 로 시작하는 모든 요소를 찾아 실행
$ ~로 끝나는: 'textarea[name$="content"]'
^ ~로 시작하는: 'textarea[name^="content"]'
* ~로 포함되는: 'textarea[name*="content"]'
each : 모든요소
dom 요소 가져오기 : .get(0);
find(): 선택한 요소의 하위 요소를 찾습니다. $('div').find('p')는 모든 div 요소의 하위에 있는 p 요소를 선택합니다.
filter(): 선택한 요소 중에서 지정된 조건에 맞는 요소만을 필터링합니다., $('div').filter('.highlighted')는 클래스가 highlighted인 모든 div 요소를 선택합니다.
children(): 선택한 요소의 자식 요소를 선택합니다.,$('ul').children('li')는 모든 ul 요소의 자식인 li 요소를 선택합니다.
siblings(): 선택한 요소의 형제 요소를 선택합니다., $('li').siblings()는 선택한 모든 li 요소의 형제 요소들을 선택합니다.
closest(): 선택한 요소의 가장 가까운 조상 요소를 선택합니다. $('span').closest('div')는 각 span 요소의 가장 가까운 div 요소를 선택합니다.
next(): 선택한 요소의 다음 형제 요소를 선택합니다., $('div').next()는 선택한 모든 div 요소의 다음 형제 요소를 선택합니다.
prev(): 선택한 요소의 이전 형제 요소를 선택합니다., $('div').prev()는 선택한 모든 div 요소의 이전 형제 요소를 선택합니다.
not(): 선택한 요소 중에서 지정된 선택자와 일치하지 않는 요소를 선택합니다. $('div').not('.special')는 클래스가 special이 아닌 모든 div 요소를 선택합니다.
$(function() { var $form = $('#yourFormId'); // 특정 아이디를 가진 form 태그를 선택 $form.find('textarea[name^="content"]').each(function() { var textarea = $(this).get(0); nhn.husky.EZCreator.createInIFrame({ elPlaceHolder: textarea }); }); }); |
문서 로드후 실행할 코 | $(document).ready(function() { // 문서 로드 후 실행할 코드 작성 }); |
$(function() { // 문서 로드 후 실행할 코드 작성 }); |
'웹 > 제이쿼리 JSTL' 카테고리의 다른 글
선택된 값 받아오기 /값 선택하기/ 선택된 요소 제이쿼리 / 라디오/셀렉트박스/ 수동호출/ select / radio (0) | 2024.05.20 |
---|---|
$.grep (0) | 2024.05.16 |
동적으로 생긴 요소 이벤트. $(document).on (0) | 2024.04.23 |
제이쿼리 - 속성 - 받아오기/지정하기/ attr()/prop()/ attr() prop() 의 차이 (0) | 2023.02.02 |
제이쿼리 - 문자열 찾기/ 문자열에 문자 포함 확인하기 (0) | 2023.01.05 |