JQuery 无废话系列教程(二) jquery实战篇上

2020-05-23 06:10:13易采站长站整理


     addClass(“css name”)函数很简单,就是为前面$()选择到的元素对象增加CSS样式.


     removeClass(“css name”)函数也很简单,就是去掉前面$()选择到的元素对象的指定的样式.


      在这儿,这两段代码功能抵消,相当什么也没做.


    


     $(“#myP”).addClass(“p2”); 


     选择文档里id为”myP”的指定元素对象,并为该元素对象增加名称为”p2″的样式. 最后选到了1个<p>元素对象 “<p id=”myP”>快购利众网2</p>”


      知识点: 如果要选择指定ID号的元素对象,记得前面用”#


     $(“.myPCss”).addClass(“p3”); 


      选择文档里样式名为”myPCss”的指定元素对象,并为该元素对象增加名称为”p3″的样式. 最后选到了1个<p>元素对象 “<p class=”myPCss”>快购利众网3</p>”


      知识点: 如果要选择指定样式的元素对象,记得前面用”.” 


      现在可以为大家正式介绍$(),在JQuery里,我们称她为”选择器函数“,里面的内容称为”选择器“.


      现在大家自己试试,记住选择器选择出的对象有可能是多个哟.



      上面的内容是不是挺简单的!! 嗯,革命才刚刚开始,下面的内容稍稍复杂些因为牵涉到层次的概念,但大家别急,只要记住”选择器”选择出的元素对象可能是多个这点就不用怕了.


    


     $(“#myDiv  p”).addClass(“p3”);    


    功能:在给定的祖先元素下匹配所有的后代元素


     分成两部分来分析 


      一,$(“#myDiv”) 根据上面所学的知识,选择出1个<div>元素对象, “<div id=”myDiv”>”


      二,$(“#myDiv  p”) 在上面2个<div>元素对象中的