>  기사  >  웹 프론트엔드  >  JQuery $("tagName") 및 selector_jquery의 마법

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

WBOY
WBOY원래의
2016-05-16 17:55:361383검색
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의 존재를 완벽하게 반영합니다. 구문이 간결하고 의미가 이해하기 쉽다는 것이 가치입니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.