웹 프론트엔드 JS 튜토리얼 jquery 선택기 소개

jquery 선택기 소개

Sep 25, 2017 am 09:42 AM
jquery 소개하다 선택자

1.css 선택기 universal

1)标签选择器,以文档元素作为选择器
2)ID选择器,以ID标识符作为选择器;
3)类选择器,class
4)并集选择器,p,img,ul
5)后代选择器,#id ul li
6 )通配选择器 ,*{};
7)子代选择器,ul>li;
8)临近选择器,E+F;
9)交集选择器,p.class;
로그인 후 복사

2.jquery 선택기

*(중요) 필터 선택기:

children(selector), $("ul").children("li"),相当于子代选择器,$("ul>li")选取ul中所有的子代li元素;集合元素
find(selector), $("ul").finde("li"),相当于后代选择器,$("ul li")选取ul中所有的后代li元素,后面的参数必传一般不用;集合元素
siblings(selector), $("#first").siblings("li“);选取兄弟节点的所有li,不包括自己;集合元素
parent(), $("#first").parent(),选取父元素节点,因为父元素节点只有一个所以不写;单个
parents(). $("#first").parents(),选取父元素节点上的元素,链式;父元素的父元素的父元素的所有;集合元素
eq(index);$(”li“).eq(2);相当于$("li:eq(2)"),index索引从0开始;单个
next(),$("li").next(),获取下一个兄弟元素;单个
prev(),$("li").next(),获取下一个兄弟元素;单个
로그인 후 복사

*#필터 선택기: 모두 콜론 있음

기본 선택기, 콘텐츠 필터링, 가시성 필터링, 속성 필터링, 하위 요소 필터링 및 양식 객체 속성 필터링 속성 선택기

a 기본 필터링 선택기

:first 选择第一个元素,$("p:first")选取所有<p>元素第一个;单个
:last 选取最后一个元素,$("p:last")选取所有<p>元素的最后一个p;单个
:not(selector) 去除所有与给定选择器相匹配的元素,$("input:not(.myClass)")选取class中不是不是myClass的<input>元素;集合元素
:even 选取索引是偶数的,索引从0开始,集合元素;
:odd 选取索引是奇数的,索引从0开始,集合元素;
:eq(index) 选取索引等于index的元素, $("input:eq(1)")选取索引是1的<input>元素; 单个
:gt(index) 选取索引大于index的元素, $("input:gt(1)")选取索引大于1的Input元素,不包括1;集合元素
:lt(index)选取索引小于index的元素,$("input:lt(1)")选取索引小于1的input元素,不包括1,集合元素
:header选取所有标题元素,$(":header")选取网页中所有的<h1><h2>....
:annimated选取当前正在执行动画的所有元素,$("p:animated")选取正在执行动画的p元素
로그인 후 복사

위 내용은 jquery 선택기 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

jQuery에서 PUT 요청 방법을 사용하는 방법은 무엇입니까? jQuery에서 PUT 요청 방법을 사용하는 방법은 무엇입니까? Feb 28, 2024 pm 03:12 PM

jQuery에서 PUT 요청 방법을 사용하는 방법은 무엇입니까? jQuery에서 PUT 요청을 보내는 방법은 다른 유형의 요청을 보내는 것과 유사하지만 몇 가지 세부 사항과 매개 변수 설정에 주의해야 합니다. PUT 요청은 일반적으로 데이터베이스의 데이터 업데이트 또는 서버의 파일 업데이트와 같은 리소스를 업데이트하는 데 사용됩니다. 다음은 jQuery에서 PUT 요청 메소드를 사용하는 구체적인 코드 예제입니다. 먼저 jQuery 라이브러리 파일을 포함했는지 확인한 다음 $.ajax({u를 통해 PUT 요청을 보낼 수 있습니다.

jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요. jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요. Feb 28, 2024 pm 09:06 PM

제목: jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요. 웹 개발에서는 페이지의 요소를 수정하고 조작해야 하는 경우가 많습니다. jQuery를 사용할 때 페이지에 있는 모든 태그의 텍스트 내용을 한 번에 수정해야 하는 경우가 있는데, 이는 시간과 에너지를 절약할 수 있습니다. 다음은 jQuery를 사용하여 페이지의 모든 태그 텍스트를 빠르게 수정하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 먼저 jQuery 라이브러리 파일을 도입하고 다음 코드가 페이지에 도입되었는지 확인해야 합니다. &lt

도지코인이란 무엇인가요? 도지코인이란 무엇인가요? Apr 01, 2024 pm 04:46 PM

Dogecoin은 고정된 공급 한도가 없고, 빠른 거래 시간, 낮은 거래 수수료, 대규모 밈 커뮤니티가 있는 인터넷 밈을 기반으로 만들어진 암호화폐입니다. 용도로는 소액 거래, 팁, 자선 기부 등이 있습니다. 그러나 무제한 공급, 시장 변동성, 조크 코인으로서의 지위 역시 위험과 우려를 불러일으킵니다. 도지코인이란 무엇입니까? Dogecoin은 인터넷 밈과 농담을 기반으로 만들어진 암호화폐입니다. 기원과 역사: Dogecoin은 2013년 12월 두 명의 소프트웨어 엔지니어 Billy Markus와 Jackson Palmer에 의해 만들어졌습니다. 당시 인기 있었던 "Doge" 밈에서 영감을 받아, 영어가 서툰 시바견이 등장하는 코믹한 사진입니다. 특징 및 이점: 무제한 공급: 비트코인과 같은 다른 암호화폐와는 달리

jQuery를 사용하여 모든 태그의 텍스트 내용 수정 jQuery를 사용하여 모든 태그의 텍스트 내용 수정 Feb 28, 2024 pm 05:42 PM

제목: jQuery를 사용하여 모든 태그의 텍스트 내용을 수정합니다. jQuery는 DOM 작업을 처리하는 데 널리 사용되는 인기 있는 JavaScript 라이브러리입니다. 웹 개발을 하다 보면 페이지에 있는 링크 태그(태그)의 텍스트 내용을 수정해야 하는 경우가 종종 있습니다. 이 기사에서는 jQuery를 사용하여 이 목표를 달성하는 방법을 설명하고 구체적인 코드 예제를 제공합니다. 먼저 페이지에 jQuery 라이브러리를 도입해야 합니다. HTML 파일에 다음 코드를 추가합니다.

네온 어비스의 8번째 컬러 무기 소개 네온 어비스의 8번째 컬러 무기 소개 Mar 31, 2024 pm 03:51 PM

여덟 번째 색상은 Neon Abyss의 무기입니다. 많은 플레이어들이 여덟 번째 색상의 무기에 대한 탄도와 무기 강도를 활용하는 방법을 알고 싶어합니다. 그럼 네온 어비스의 8색 무기 궤적, 무기 강도, 무기 게임 플레이에 대한 자세한 가이드를 살펴보겠습니다. 네온 어비스 컬러 8 상세 가이드 무기 소개: 마법사의 비밀 무기! 무기 공격 속도: 보통 무기 강도: 보통 무기 게임 플레이: 여덟 번째 색상의 공격 방법은 단일 대상을 세 번 공격한 후 광선을 발사합니다. 탄도 디스플레이:

Samsung S24ai 기능에 대한 자세한 소개 Samsung S24ai 기능에 대한 자세한 소개 Jun 24, 2024 am 11:18 AM

2024년은 AI 휴대폰 원년이다. AI 스마트 기술을 탑재해 휴대폰을 더욱 효율적이고 편리하게 사용할 수 있는 휴대폰이 늘어나고 있다. 최근 연초 출시된 갤럭시 S24 시리즈에서는 제너레이티브 AI 경험이 다시 한 번 향상됐다. 자세한 기능 소개는 아래에서 살펴보자. 1. 생성적 AI의 강력한 강화 Samsung Galaxy S24 시리즈는 Galaxy AI의 강화를 통해 많은 지능형 애플리케이션을 제공했습니다. 이러한 기능은 Samsung One UI6.1과 긴밀하게 통합되어 사용자가 언제든지 편리하고 지능적인 경험을 얻을 수 있습니다. 휴대전화의 성능과 사용 편의성을 향상시킵니다. 갤럭시 S24 시리즈가 개척한 원 앤 검색 기능은 사용자가 길게 누르기만 하면 되는 기능 중 하나입니다.

온라인 점수조회 플랫폼 소개 (편리하고 빠른 점수조회 도구) 온라인 점수조회 플랫폼 소개 (편리하고 빠른 점수조회 도구) Apr 30, 2024 pm 08:19 PM

빠른 점수 조회 도구는 학생과 학부모에게 더욱 편리함을 제공합니다. 인터넷의 발달로 점점 더 많은 교육 기관과 학교에서 온라인 점수 확인 서비스를 제공하기 시작했습니다. 자녀의 학업 진행 상황을 쉽게 추적할 수 있도록 이 기사에서는 일반적으로 사용되는 몇 가지 온라인 점수 확인 플랫폼을 소개합니다. 1. 편의성 - 학부모는 온라인 점수체크 플랫폼을 통해 언제 어디서나 자녀의 시험점수를 확인할 수 있습니다. 부모는 컴퓨터나 휴대폰에서 해당 온라인 점수체크 플랫폼에 로그인하여 언제든지 편리하게 자녀의 시험점수를 확인할 수 있습니다. 직장에서든 외출 중이든 인터넷 연결이 있는 한, 부모는 자녀의 학습 상태를 파악하고 자녀에게 목표에 맞는 지도와 도움을 제공할 수 있습니다. 2. 다양한 기능 – 점수 조회 외에도 강좌 일정, 시험 준비 등의 정보에 대한 다양한 온라인 검색 기능을 제공합니다.

Hua Yishan Heart of the Moon Lu Shu의 기술과 속성 소개 Hua Yishan Heart of the Moon Lu Shu의 기술과 속성 소개 Mar 23, 2024 pm 05:30 PM

Hua Yishan Heart Moon에서 Lu Shu는 SSR의 유명인사입니다. 그는 매우 인상적인 치명타율을 가지고 있습니다. 많은 플레이어들이 Lu Shu에 대해 잘 모릅니다. 화이샨 달의 심장 여슈의 스킬과 속성에 대한 소개를 살펴보세요. 연예인 속성 연예인 스킬 1. Lu Ming Shuzhong 스킬 설명 : Lu Shu는 Shuzhong의 Qiongqihui에서 태어나 어렸을 때부터 무술을 연마했으며 뛰어난 무술 실력을 가지고 있습니다. 적의 뒷열 공격력의 100%만큼 기본 공격 피해를 주고, 대상의 분노를 10 감소시킵니다. 스킬 속성 : 2레벨 : 기본 공격력이 105%로 증가됩니다. 2레벨 : 기본공격 데미지가 110%로 증가되고, 대상의 분노가 15포인트 감소됩니다. 2레벨: 기본 공격력이 115%로 증가되었습니다. 2레벨 : 기본 공격력이 120%로 증가하고 대상의 분노가 20 감소합니다. 레벨 2: 기본 공격

See all articles