지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > JQuery $('tagName') 및 selector_jquery의 마법

JQuery $('tagName') 및 selector_jquery의 마법

WBOY
풀어 주다： 2016-05-16 17:55:36
원래의
1410명이 탐색했습니다.
JQuery Magic(1) $("tagName")

DOM의 getElementsByTagName() 메서드는 JQuery에서 $("tagName")처럼 간단하게 작동합니다!

window.onload 이벤트 해결을 위한 익명 함수

페이지의 모든 "div" 태그로 시작하고 통일된 모양 정의

"body"의 모양 정의 태그

"span" 태그를 동적으로 추가하고 "body"에 배치

코드 복사 코드는 다음과 같습니다.


;JQuery 테스트< /title>
script type=' text/javascript'>
$(function () {
$("div").width(100)
.css("color", "red")
.css(" 여백", "20px")
.css("border", "dotted 1px green")
$(document.body).css("Background-color", "#cccccc" );
$("4").appendTo("body")
})
text/javascript" >
$(function () {
var v = $("div");
alert(v.length);
for (var i = 0; i < ; v.length ; i ) {
alert(v[i].innerHTML)
}
})



두 번째 div
div>




JQuery 매직(2) 선택기

태그 태그(다음일 수 있음: p, div, 버튼...) 태그 자체에는 ID, Class 등의 속성이 있습니다



코드 복사
코드는 다음과 같습니다. 🎜>
$("tag") //페이지 및 document에서 특정 태그 컬렉션을 가져옵니다.getElementsByTagName("tag") $("#id") //요소 가져오기 id와 document를 기준으로 페이지를 가져옵니다. .getElementById("id") $("tag#id") //id를 기준으로 설정된 태그 요소 가져오기 $(".class") //가져오기 document.getElementsByClassName("class") 클래스를 기반으로 한 요소 집합 $("tag.class") //클래스에 따라 태그 태그가 있는 요소 집합 가져오기 $("tag1 tag2") //가져오기 $ ("tag1 > tag2")
$("tag1:has(tag2)")와 동일한 tag1의 tag2 유형 요소 //tag2를 포함하는 tag1 유형 요소의 컬렉션 가져오기


위의 선택자는 JQuery의 존재를 완벽하게 반영합니다. 구문이 간결하고 의미가 이해하기 쉽다는 것이 가치입니다.
관련 라벨：
selector
원천：php.cn
이전 기사：jquery.artwl.thickbox.js 매우 간단하고 사용하기 쉬운 jQuery 팝업 레이어 플러그인_jquery 다음 기사：Uglifyjs(JS 코드 최적화 도구) 설치 및 사용 시작하기_기본 지식
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
옵션을 표시할 때 matSelect 스타일 수정 옵션이 켜져 있을 때 매트 선택의 속성을 변경하는 방법은 무엇입니까? <mat-selectclass="selector"><mat...
에서 2024-04-05 09:23:19
0
1
1374
요소의 스크롤 위치 백분율을 계산하는 방법은 무엇입니까? 창 내 요소의 스크롤 위치를 백분율로 계산하고 싶습니다. 0%는 요소의 상단이 창 하단에 있는 위치(아직 표시되지 않음) 100%는 요소의 하단이 창 상단에 있는...
에서 2024-04-03 19:55:00
0
1
399
HTML 위치 지정 문제 해결 "내 소개" 및 "교육" 섹션을 웹 오른쪽으로 이동하는 방법 다음은 펜코드 링크입니다: https://codepen.io/We...
에서 2024-04-02 19:09:26
0
1
292
Angular: 텍스트 요소 색상을 이해하기 위한 속성 바인딩에 반응성이 부족합니다. 다음은 내 .ts 파일입니다. import{Component}from'@angular/core';@Component({selector:'app-event-bind...
에서 2024-04-01 17:28:52
0
1
358
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿