jQuery에서 일반적으로 사용되는 몇 가지 메서드 소개-JS 튜토리얼-php.cn

jQuery에서 일반적으로 사용되는 몇 가지 메서드 소개

零下一度

풀어 주다： 2017-06-26 15:15:17

원래의

1098명이 탐색했습니다.

1. 계층적 선택기
하위 요소 선택기 "상위 요소 하위 요소"

예: $("div p")는 div 요소 아래의 모든 p 요소를 선택합니다

하위 요소 선택기 "상위 요소> 하위 요소"

For 예: $("div>p") div의 하위 요소에서 p 요소를 선택합니다.

첫 번째 역위 형제 요소 "요소 이름 + 형제 요소"

예: $("div+p") div 요소 뒤의 첫 번째 p 요소

및 모든 형제 요소 뒤의 "요소 이름~형제 요소"

예: $("div~p") div 요소 뒤의 모든 p 요소를 선택하세요

2 .Filter 선택기
:first $("p: gt (1) "); all & lt; p & gt; eq $ (" p: eq (1) "); ; 요소
: ODD $ (" td: oDdddddddddd "); out out out out out out 사용 out over over 'over to''' over''''''' out 밖으로 밖으로 밖으로 밖으로' 밖으로 밖으로 밖으로 '' over''''‐‐'''‐‐‐‐‐‐‐ down‐out의 s. 클래스 이름이 없는 모든

요소를 선택하세요

콘텐츠를 기준으로 필터링
:contains(content)
:empty()

디스플레이 기반 필터
:hidden 숨겨진 요소 선택(display: none 또는 type="hidden" 또는 숨겨진 상위 요소 또는 길이와 너비가 0인 요소, 이러한 요소는 숨겨진 요소임)
:visible

3. 양식 선택기
:input
:text

:button

:file
: radio
:submit

4. 속성 - 필터 선택기
[속성 이름] 이 속성을 가진 요소를 선택하세요
[속성 이름=' value'] 속성이 특정 값과 동일한 요소를 선택합니다
[속성 이름!= 'value'] 속성이 특정 값과 같지 않은 요소를 선택합니다

예: $("input[name='newlatter' ]"); 이름 속성이 newlatter인 입력 요소 선택

5. 양식 속성 선택기
:checked :selected :enabled :disabled를 사용하여 요소 필터링
속성 필터링 선택기 단순화
예: $(":radio:checked" ) 선택한 모든 라디오 요소 선택

$("select option:selected ") 선택한 선택 아래의 모든 옵션 요소 선택

6. 속성 메서드

attr("속성 이름") 속성 가져오기

attr("속성 이름 ", 속성 값) 속성 설정

RemoveAttr(" 속성 이름") 속성 제거

7. 값 속성을 가져오고 설정하는 메서드
val() 및 val("value")

8. html() html("value")
html()은 innerHTML
html("value")에 해당합니다. innerHTML ="value"

에 해당 text() text("value")
text()에 해당 innerText()
text("value")에 해당 innerText="value"

9. 스타일 함수
css ("스타일 이름")            스타일에 해당하는 값 가져오기
       css("스타일 이름", "스타일 값")              해당 스타일 설정 한 번에 하나씩 설정
     css({"스타일 이름" : "스타일 값", "스타일 이름" : "스타일 값"}) 한 번에 여러 스타일 설정
클래스 속성에 해당하는 값을 추가하려면 ADDClass("클래스 이름")               切换ㅋㅋㅋ宽degree(包括内边距和边框)
      externalWidth(true) 获取宽titude(包括Padding and 테두리 및 여백)

10. 표시 및 숨기기 기능
show() 표시
hide() 사용 ' s 's' s through ‐ ‐ ‐‐ ‐ to show() hide(speed) in Hide 지정된 시간 내에
ggle(speed) 지정된 시간 내에서 전환

SlideUp(speed) 지정된 시간 내에서 위쪽으로 축소
SlideDown(speed) 지정된 시간 내에서 아래쪽으로 확장
SlideToggle(speed) 지정된 시간 내 SlideToggle(speed) 위의 두 상태를 전환

fadeIn(속도)    fadeIn(속도) Object.animate({"매개변수"},[시간],[ 애니메이션 콜백 함수]); ("div").animate({
　　　　 왼쪽:'250px',
　　 불투명도:'0.5',
　　 높이:'150px',
　　 너비:'150px'
　　 },200 0);
　　 } );
　});

12. 이벤트 바인딩
Selector.bind("event", 이벤트 핸들러 함수) on
Selector.unbind(")를 사용하는 것이 좋습니다. event"); 요소 연결을 끊습니다. 이벤트와 해당 처리 함수 간의 연결 off
Selector.trigger("event"); Trigger event call

일반적으로 사용되는 이벤트 함수 만들기:
click(fn)/click( )
dblclick(fn)/dblclick()                                                                                 ~       keyup(fn)/ Keyup() o 마우스 오버(fn)/mouseover()
mouseout(fn)/mouseout()
제출(fn)/submit()
로드(fn)/UNLOAD (fn)

.click(function(e){});//e는 이벤트 객체입니다
V $ ("div"). Bind ("click", function () {})

13.Event 대상에서 일반적으로 사용되는 이벤트 개체
Pagex 마우스 클릭
Pagey 마우스 클릭 Y 좌표 o Stoppropagation () 취소 사건 버블링

, 예: $ (": Button").件 14. 조합 이벤트 기능
Hover (over, out)
마우스를 움직여 OVER 기능을 트리거하고 OUT 기능을 제거합니다

15. 동적 이벤트 기능
on (이벤트 유형, 선택기, 처리 기능)
선택기와 일치하는 요소의 기존 및 향후 요소에 대한 특정 바인딩 이벤트에 제공될 수 있습니다. ~ > 이전 요소 뒤에 내용을 삽입합니다( ) 일치하는 각 요소 앞에 콘텐츠 삽입
Remove() 노드 삭제
비어 있음() 빈 노드
Clone() 노드 요소 복사
clone(true) 노드 요소 및 바인딩된 이벤트 복사
~ .
parent() 상위 요소 찾기
parent (선택기) 사용 사용 through out off out out out out of ''s to be ‐ to ‐‐‐‐‐‐‐ ‐ 요소
요소가 expr 조건을 충족하는지 확인(NOT (EXPR) 특정 조건을 충족하지 않는 요소를 반환
일치하는 DOM 요소 중 하나를 얻기 위해 (색인) 가져오기

17. 도구 기능
$ .Each (Object, [Callback])
순회 및 개체
$.unique(array)
배열의 중복 요소를 삭제하려면 참고: DOM 요소 배열, 문자열 또는 숫자 배열만 삭제할 수 있습니다. $. 첫 번째 배열로 $ .Trim (STR)
문자열의 공백을 제거하여 시작하고 끝냅니다. 우주