jQuery 의 자기 학습(1)
3210 단어 js
()
jQuery 선택 기
jQuery 는 간결 한 선택 기 가 많 습 니 다.
$('#id')
$(".c1")
$('a')
$('#10 a') //
$('#10>a') //
//:first
//:last
//:eq()
$('[alex]')
$('[alex="123"]')
$("input[type='text']")==$(':text')
$기호 로 탭 을 검색 하 는 id 와 class 이름 을 직접 사용 하면 css 선택 기 를 같은 기억 으로 분류 할 수 있 습 니 다.비슷 한 점 이 많 습 니 다.(문자열 은 따옴표 로 포함 되 어야 한 다 는 것 을 명심 하 세 요)
jQuery 이벤트 트리거
$('..') :“click”,“hover”
예 를 들 어
$('#i1').click(function(){ $(this).xxx // this }) 对于表单的选项设置:
$(this).prop('checked') // $(this).prop('checked',true) // $(this).each(function(k){ (k ); (this DOM )
jQuery 이벤트 로 다 중 드 롭 다운 메뉴 사례 만 들 기
Document 1231111$('.header').click(function(){ $(this).next().removeClass('hide'); $(this).parent().siblings().find('.bode').addClass('hide'); })
이 작은 사례 에서 우 리 는 많은 작은 지식 을 습득 해 야 한다.
$('\#i1').next()->/i1 탭 의 다음 탭 을 찾 습 니 다$('\#i1').nextAll()->/i1 탭 에 있 는 모든 탭 을 찾 습 니 다$('\#i1').nextUntil('\#ii1')->/i1 탭 에 있 는 모든 탭 을 찾 습 니 다.ii1 탭 을 찾 을 때 까지.
$('\#i1').prev()->/i1 탭 의 이전 탭 을 찾 습 니 다$('\#i1').prev All()->/i1 탭 의 모든 탭 을 찾 습 니 다$('\#i1').prev Until('\#ii1')->//i1 탭 의 모든 탭 을 찾 습 니 다.ii1 탭 을 찾 을 때 까지.
$('\#i1').parent()->/i1 태그 의 부모 태그$('\#i1')를 찾 습 니 다.children()->/i1 태그 의 하위 태그$('\#i1')를 찾 습 니 다.siblings()->/i1 태그 의 형제 태그$('\i1')를 찾 습 니 다.find()->/i1 태그 의 한 요소 라벨 을 찾 습 니 다.
$(...).text()->탭 텍스트$(...).text("1")$(...).html()$(...).html("1")$(...).val()->input 텍스트$(...).val(..)이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.