JQuery中选择器与DOM节点操作的实例详解

黄舟
Freigeben: 2017-09-30 11:37:42
Original
1181 Leute haben es durchsucht

下面小编就为大家带来一篇JQuery 选择器、DOM节点操作练习实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

一、练习一

1、需求效果分析:

2、代码示例:


       

隔壁 Java 老师 很肥

隔壁Java 老师 很胖

隔壁Java 老师 很呆萌

隔壁Java 老师 爱捡肥皂

隔壁Java 老师 爱撒娇

隔壁Java 老师 装嫩

隔壁Java 老师 肾虚

隔壁Java 老师 等等

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

Nach dem Login kopieren

二、练习二

1、效果分析:

2、代码示例


        
  • 中国

    台湾

    钓鱼岛

    北京

  • 米国

    华盛顿

    洛杉矶

  • 韩国

    首尔

    釜山

    济州岛

Nach dem Login kopieren

三、练习三

1、效果分析

2、代码示例


        

点击我让所有id为mybox的元素边框该为:5px dotted green=》提示 $().css("border","5px dotted green")

点击我让所有class=red的元素边框该为:5px dotted green

点击我让所有p的元素边框该为:5px dotted green

点击我让id为mybox的元素、p元素边框该为:5px solid green

点击我隐藏除了我以外所有的兄弟元素

我是段落...

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonJQuery中选择器与DOM节点操作的实例详解. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
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!