本篇博客的主要内容是:操作页面元素的CSS属性;以及将定义好的类应用到页面元素上去;
目录
一:概述:
二:准备工作:
三:css()方法;addClass()方法;removeClass()方法;
1:css("color","red");:设置某元素的CSS属性
2:css("color");:获取某元素的属性
3:css({"color":"red","font-weight":"bold","font-style":"italic"});:设置多个CSS属性
4:addClass("highlight");:给元素添加定义的类
5:addClass("highlight myclass");:给元素添加多个定义的类
6: removeClass("myclass");:移除元素的类
基础代码:sample2.html:
欢迎来到选择器实验室 你好 我是拥有myclass的p标签
jQuery选择器实验室
北京大学
新加测试span标签
我是拥有myclass类的span标签
用户名: 密码: type="password" name="upsd" value="123456" />
婚姻状况:
css()方法作用:访问或设置前面选择器所选中元素的CSS属性
示例1:需求,将页面所有的超链接的文本变成红色。
利用css()方法,设置超链接元素的文本颜色
…………………………
示例2:获取某元素的CSS属性
选择器选择多个元素时,其默认获取第一个元素的属性:
…………………………
设置多个CSS属性的时候,
示例3:需求:将超链接文字设为红色,字体加粗、斜体;按照上述内容,恐怕要写三个css()方法;
简便处理方法:在css()方法中,传递一个JSON对象:
…………………………
示例4:需求:
…………………………
添加多个类?
addClass():多个类之间用空格分隔即可
经过实测,当myclass类和highlight类都设置了某个属性,并且产生冲突时:
$("li").addClass("myclass highlight");和$("li").addClass("highlight myclass");没有什么不同;真正哪个其作用,和中类的定义顺序有关:
………………………………
移除类:
…………………………
移除p元素上面的myclass类:
经过实测:移除多了类:removeClass("myclass highlight");
疑问:中定义的类,需要遵从那些规范,谁来规定具体定义那些类,这个还有点不清楚???