选择文档里全部的<p>元素对象,不论<p>在文档中所处的层次结构如何, 最后选到了7个<p> 元素对象 "<p>快购利众网1</p><p>快购利众网2</p><p>快购利众网3</p><p>快购利众网4</p><p>快购利众网5</p><p>快购利众网6</p><p>快购利众网7</p>"
addClass("css name")函数很简单,就是为前面$()选择到的元素对象增加CSS样式.
removeClass("css name")函数也很简单,就是去掉前面$()选择到的元素对象的指定的样式.
在这儿,这两段代码功能抵消,相当什么也没做.
$("#myP").addClass("p2");
选择文档里id为"myP"的指定元素对象,并为该元素对象增加名称为"p2"的样式. 最后选到了1个<p>元素对象 "<p>快购利众网2</p>"
知识点: 如果要选择指定ID号的元素对象,记得前面用"#"
$(".myPCss").addClass("p3");
选择文档里样式名为"myPCss"的指定元素对象,并为该元素对象增加名称为"p3"的样式. 最后选到了1个<p>元素对象 "<p>快购利众网3</p>"
知识点: 如果要选择指定样式的元素对象,记得前面用"."
现在可以为大家正式介绍$(),在JQuery里,我们称她为"选择器函数",里面的内容称为"选择器".
现在大家自己试试,记住选择器选择出的对象有可能是多个哟.
上面的内容是不是挺简单的!! 嗯,革命才刚刚开始,下面的内容稍稍复杂些因为牵涉到层次的概念,但大家别急,只要记住"选择器"选择出的元素对象可能是多个这点就不用怕了.
$("#myDiv p").addClass("p3");
功能:在给定的祖先元素下匹配所有的后代元素
分成两部分来分析
一,$("#myDiv") 根据上面所学的知识,选择出1个<div>元素对象, "<div>"
二,$("#myDiv p") 在上面2个<div>元素对象中的任意层中选择<p>元素对象. 几个? 3个 "<p>快购利众网4</p><p>快购利众网5</p><p>快购利众网6</p>"
其中"<p>快购利众网4</p><p>快购利众网5</p><p>快购利众网6< /p>"都是在"<div></div>"内部定义的