jQuery学习入门总结之css()和addClass()的不同
这两天研究jQuery的,刚刚开始入门,从昨天开始呢,就发现一个方法addClass的,教程里有一个方法是这样写的
$(document).ready(function() {
$("p").addClass("red");
});
但是没有仔细看这个的,以为red是具体的颜色red,然后当我自己写例子,定义了一个$("p").addClass("Green");
运行后却没有发现css有什么改变,今天仔细研究了下,My God,例子中的red是已经在css里定义好的类型,我却误认为是red颜色了,归根结底是自己对css不太了解的缘故。然后自己在css文件中定义了一个 .Green{color:green;}的样式,试了下,果然是可以的。
关于css(),这个方法的定义是:在所有匹配的元素中,设置一个样式属性的值,
例子:
$("p").css("color","red"); 前面是属性名称,后面是属性的具体参数。
决定,学习到了的知识都发到博客上,让自己有点小小的成就感……
好了,继续我的jQuery
转载于:https://www.cnblogs.com/yiranleguan/archive/2009/08/12/Jquery.html
jQuery学习入门总结之css()和addClass()的不同相关推荐
- 【7】jQuery学习——入门jQuery选择器之过滤选择器-可见性过滤选择器
这篇什么都不说,看标题就知道了,很简单,就2个选择器,嘿嘿 选择器 描述 返回 $("Element:hidden") 选取所有不可见的元素 集合元素 $("Elemen ...
- 【10】jQuery学习——入门jQuery选择器之表单选择器
这里我们要知道表单,但是在实际写jq的时候,用到貌似不是很多,所以这里我就直接转梦三秋网站上的课件啦. 当然等以后要用的时候,我们在拿出来研究下,毕竟表单这块,看起来真的很多,眼晕啊~~~ ===== ...
- (008)前端css,js,Jquery,Servlet入门
摘要:本周的学习内容是前端的css,js,Jquery,Servlet的入门; 文章目录 1 CSS 1.1 CSS入门以及使用方式 1.2 CSS的选择器(重点) 1.3 css的样式属性 1.3. ...
- 实现简易版德州扑克|学习麻瓜编程以项目为导向入门前端 HTML+CSS+JS
实现简易版德州扑克|学习麻瓜编程以项目为导向入门前端 HTML+CSS+JS 实现简易版德州扑克 1.先上达到网页效果图(简易版德州扑克) 2. 代码实现 2.1 HTML和JS代码 2.2 CSS代 ...
- html+css+js+jQuery学习笔记
Css中"."可以选择包含两个样式的东西","可以都选上 img可以把div撑开 只设置宽 或者高那么将按照比列缩放扩大 Outline:none;//inpu ...
- JQuery中.css()与.addClass()设置样式的区别
对于样式的设置,我们学了addClass与css方法,那么两者之间有什么区别? 可维护性: .addClass()的本质是通过定义个class类的样式规则,给元素添加一个或多个类.css方法是通过Ja ...
- 【jQuery学习】—jQuery操作CSS和表格
[jQuery学习]-jQuery操作CSS和表格 一.jQuery操作CSS 二.jQuery操作表格
- 《jQuery Mobile入门经典》—— 2.2 展现CSS样式
本节书摘来异步社区<jQuery Mobile入门经典>一书中的第2章,第2.2节,作者:[美]Phil Dutson,更多章节内容可以访问云栖社区"异步社区"公众号查 ...
- 慕课学习史上最全零基础入门HTML5和CSS笔记
慕课学习史上最全零基础入门HTML5和CSS笔记 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的 ...
最新文章
- golang 1.18 新增泛型 简介
- SDN架构的本质属性—Vecloud
- 基于aspectj实现AOP操作的两种方式——xml配置
- 一站式快速自助建站-超低价0代码建站套餐助你轻松拥有自己的网站
- GMA Round 1 极坐标的忧伤
- Python RSA
- GB28181流媒体服务LiveGBS启动报错 HTTP Port[10000] In Use
- foobar2000 配置
- 论文总结Graph Neural Networks-A review of methods and Applications
- Request header field storeid is not allowed by Access-Control-Allow-Headers in preflight response.
- 安装skimage库(ModuleNotFoundError: No module named 'skimage')
- 接口接收数据_基于原语的千兆以太网RGMII接口设计
- TP5框架开发 很不错的小程序商城源码!免费开源
- VMware 12 专业版永久许可证密钥
- java运动控制卡_运动控制卡应用开发教程之VB6.0
- 序列傅里叶变换性质matlab,MATLAB傅里叶变换及性质.docx
- 阿里AI天池大赛-贷款违约预测-基于CatBoost十折交叉验证
- A*算法在Unity中的实现
- win10+ubuntu16双系统卸载流程及问题总结
- unity实现动态广告牌效果