简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

JQuery魔力之$("tagName")与selector_jquery

WBOY
Freigeben： 2016-05-16 17:55:36
Original
1374 Leute haben es durchsucht
JQuery魔力(一）$("tagName")

DOM 中的 getElementsByTagName()方法在JQuery中的表现就是$("tagName")这么简单！

匿名函数来解决 window.onload 事件

对页面上的所有"div"标记下手，定义统一的外观

对"body"标记定义外观

动态添加一个"span"标记将其放置在"body"里

复制代码 代码如下:



JQuery 测试






第一个div


第二个div


第三个div




JQuery魔力（二） selector
tag标签（可以是：p、div、button …）标签本身具有ID、Class等属性
复制代码 代码如下:

$("tag") //取得页面中的某种标签的集合 同 document.getElementsByTagName("tag")
$("#id") //据id取得页面中的元素 同 document.getElementById("id")
$("tag#id") //据id取得标签为tag元素集合
$(".class") //据class取得元素集合 同 document.getElementsByClassName("class")
$("tag.class") //据class取得标签为tag的元素集合
$("tag1 tag2") //取得tag1内的tag2类型元素 同
$("tag1 > tag2")
$("tag1:has(tag2)") //取得包含tag2的tag1类型的元素集合

上面的selector充分体现了JQuery存在的价值,就是语法简洁且语义容易理解。
Verwandte Etiketten：
selector
Quelle：php.cn
Vorheriger Artikel：jquery.artwl.thickbox.js 一个非常简单好用的jQuery弹出层插件_jquery Nächster Artikel：Uglifyjs(JS代码优化工具)入门 安装使用_基础知识
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Ändern Sie den matSelect-Stil, wenn Optionen angezeigt werden Wie ändere ich die Eigenschaften von mat-select, wenn die Option aktiviert ist? <mat-se...
Aus 2024-04-05 09:23:19
0
1
1374
Wie berechnet man den Prozentsatz der Bildlaufposition eines Elements? Ich möchte die Scrollposition eines Elements innerhalb eines Fensters als Prozentsatz bere...
Aus 2024-04-03 19:55:00
0
1
399
Lösung von HTML-Positionierungsschwierigkeiten So verschieben Sie die Abschnitte „Über mich“ und „Bildung“ auf die rechte Seite des Webs....
Aus 2024-04-02 19:09:26
0
1
292
Angular: Der Eigenschaftsbindung zum Verstehen der Farbe von Textelementen mangelt es an Reaktivität Das Folgende ist meine .ts-Datei, import{Component}from'@angular/core';@Component({selecto...
Aus 2024-04-01 17:28:52
0
1
358
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！