JQuery 选择器、DOM节点操作练习实例

一、练习一

1、需求效果分析：

2、代码示例：

rush:xhtml;">

隔壁 Java 老师 很肥

隔壁Java 老师 很胖

隔壁Java 老师 很呆萌

隔壁Java 老师 爱捡肥皂

隔壁Java 老师 爱撒娇

隔壁Java 老师 装嫩

隔壁Java 老师 肾虚

隔壁Java 老师 等等

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

隔壁Java 老师 很肥

二、练习二

1、效果分析：

2、代码示例

rush:xhtml;"> <Meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

• 中国

  台湾

  钓鱼岛

  北京

• 米国

  华盛顿

  洛杉矶

• 韩国

  首尔

  釜山

  济州岛

三、练习三

1、效果分析

2、代码示例

rush:xhtml;"> <Meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

Box" class="Box1"> 点击我让所有id为myBox的元素边框该为：5px dotted green=》提示 $().css("border","5px dotted green")

<div class="Box" onclick="find1();">
点击我让所有class=red的元素边框该为：5px dotted green

<div class="Box1 red" onclick="find2();">
点击我让所有div的元素边框该为：5px dotted green