jQuery 의 자기 학습(1)

3210 단어 js
jQuery 는 DOM 에 대한 패키지 로 js 스타일 을 더욱 빠르게 수정 할 수 있 습 니 다.우선 관련 버 전의 jQuery 스 크 립 트 를 다운로드 해 야 합 니 다.여기 서 사용 하 는 것 은 jquery-3.4.1.js 입 니 다.jQuery 를 사용 할 때 다운로드 한 것 을 먼저 도입 해 야 합 니 다()
jQuery 선택 기
jQuery 는 간결 한 선택 기 가 많 습 니 다.
		$('#id')
		$(".c1")
		$('a')
		$('#10 a')         //    
		$('#10>a')        //  
					//:first
					//:last
					//:eq()
		$('[alex]')
		$('[alex="123"]')
		$("input[type='text']")==$(':text')

$기호 로 탭 을 검색 하 는 id 와 class 이름 을 직접 사용 하면 css 선택 기 를 같은 기억 으로 분류 할 수 있 습 니 다.비슷 한 점 이 많 습 니 다.(문자열 은 따옴표 로 포함 되 어야 한 다 는 것 을 명심 하 세 요)
jQuery 이벤트 트리거
  • 기본 바 인 딩 은 태그 뒤에 추가 합 니 다."οnclick="xxx();”그리고 선택 기 를 이용 하여 찾 은 후에 그 내 부 를 조작 합 니 다
  • 4.567917.더욱 고 급 스 러 운 차원 은 $('..') :“click”,“hover” 예 를 들 어
    		
    		
    		
    			$('#i1').click(function(){
    				$(this).xxx        //   this      
    			})
    			
    		
     
      

    对于表单的选项设置:

    	   $(this).prop('checked')    
    //     $(this).prop('checked',true)    
    //	   $(this).each(function(k){
    			(k      );
    			(this  DOM  )
    

    jQuery 이벤트 로 다 중 드 롭 다운 메뉴 사례 만 들 기
    
    
    
    	
    	Document
    	
    
    
    	
    1
    2
    3
    1
    2
    3
    1
    2
    3
    1
    2
    3
    1
    2
    3
    $('.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(..)

    좋은 웹페이지 즐겨찾기