> 웹 프론트엔드 > 프런트엔드 Q&A > jquery에서 태그 점프를 제어하는 ​​방법

jquery에서 태그 점프를 제어하는 ​​방법

藏色散人
풀어 주다: 2021-11-15 10:33:28
원래의
2373명이 탐색했습니다.

jquery를 사용하여 태그 점프를 제어하는 ​​방법: 1. HTML 샘플 파일을 생성합니다. 2. a 태그에 다른 하위 태그를 추가합니다. 3. 하위 카테고리 태그를 트리거하여 점프합니다.

jquery에서 태그 점프를 제어하는 ​​방법

이 기사의 운영 환경: windows7 시스템, jquery 버전 3.2.1, DELL G3 컴퓨터

jquery 태그 점프를 제어하는 ​​방법은 무엇입니까?

jquery를 사용하여 태그 점프 실행

오류 예

<a href="http://www.baidu.com" target="_blank">baidu</a>
// 直接是触发click事件是无法跳转的
$(&#39;a#toMain&#39;).trigger(&#39;click&#39;) ;
로그인 후 복사

올바른 예

// 如果要用jquery触发进行跳转,那么a标签中【必须要有其它子标签】,然后触发该子类标签才能进行跳转
<a href="http://www.baidu.com" target="_blank">
  <p>baidu</p> // 要有子标签
</a>
// 这里触发的是a标签中的p标签
$(&#39;a#toMain>p&#39;).trigger(&#39;click&#39;) ;
로그인 후 복사

JavaScript를 사용하여 URL 주소를 인코딩하고 encodeURIComponent

var myUrl = &#39;http://www.baidu.com&#39;;
var myOtherUrl =
  "http://www.jb51.net/index.html?url="+encodeURIComponent(myUrl);
로그인 후 복사

권장 학습: " jquery 동영상 튜토리얼

위 내용은 jquery에서 태그 점프를 제어하는 ​​방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿