用jQuery设置元素的css样式

什么是jQuery ，jQuery 是能用少量的代码写出JavaScript的效果。

学习jQuery 要有一定的JavaScript.CSS.HTML的基础；

jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。

可以通过下面的标记把 jQuery 添加到网页中：

接下来就是主要说的用jQuery 设置元素的CSS样式，

下面是HTML；

什么是jQuery 选择器，下面的W3School有较详细的介绍：

后面是jQuery 的代码：

设置元素的css样式的写法：

单个样式： $(选择器).css("属性","属性值");

多个样式： $(选择器).css({"属性":"属性值","属性":"属性值",...});

$(".left div:first-child").css();匹配所给选择器( :之前的选择器)的第一个子元素

$(".left div:first-of-type").css();匹配到的选择器是第一个子元素才有效果

$(".left div:nth-child(n)").css();匹配其父元素下的第N个子或奇偶元素

$(".left div:nth-of-type(n)").css();选择同属于一个父元素之下，并且标签名相同的子元素中的第n个。

$(".left div:last-child").css("color", "indigo");//匹配最后一个子元素

$("#oD2 p:even").css()匹配所有索引值为偶数的元素，从 0 开始计数

$("#oD2 p:odd").css()匹配所有索引值为奇数的元素，从 0 开始计数

$("#lghz3 p:eq(2)").css();匹配一个给定索引值的元素,从0开始计数。

$("#lghz3 p:gt(2)").css();匹配所有大于给定索引值的元素，从0开始计数。

$("#lghz3 p:lt(2)").css();匹配所有小于给定索引值的元素，从0开始计时

效果图

用jQuery设置元素的css样式相关推荐

jQuery 学习-样式篇（八）：jQuery 设置元素的 CSS 样式
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
使用jQuery改变元素的CSS样式
一.获取并设置css类操作css的方法有以下几种: addClass() -向被选元素添加一个或多个类. removeClass() -向被选元素添加一个或多个类. toggleClass() - ...
用jQuery设置多个css样式
$("#show_one").css({"position":"fixed","top":"0px" ...
css变成块级元素_设置标签的css样式代码为“display：block”，标签将变为块级元素。（）...
设置标签的css样式代码为"display:block",标签将变为块级元素.( ) 答:对青藏高原常见垫状植物有( ? ? ). 答:垫状点地梅甘肃蚤缀.垫状棘豆垫状驼绒藜 ...
jq获取和设置标签的css样式、jq给标签增加或移除class属性
1.jQuery获取和设置标签的css样式 jQuery既可以直接获取标签的css样式,也可以设置样式,包括行内.内部.外部样式: 思路:先要选取这个标签,然后再获取或者设置样式: 获取css属性: ...
jquery怎么动态修改css样式
jquery动态修改css样式的方法:1.通过css方法动态修改css样式:2.给指定的html元素定一个CSS样式:3.查看元素的css样式:4.隐藏与显示p或指定的其他html元素. jquery ...
[css] 有哪些方式可以对一个DOM设置它的CSS样式？
[css] 有哪些方式可以对一个DOM设置它的CSS样式? 1.可以使用行内样式 2.可以使用style标签 3.可以使用link引入css文件 4.可以使用js动态修改个人简介我是歌谣,欢迎和大 ...
svg写入/识别html元素和css样式
svg写入/识别html元素和css样式识别html的方法:使用foreignObject 元素嵌套html元素 <foreignObject width="xxx" he ...
前端开发审查元素时CSS样式有个横线（该CSS样式定义后无效）的解决办法
问题概述关于这个问题,博主是在前端开发,样式调试的时候遇到的, 进行盒模型,CSS Debugger调试时,遇到样式设值后不可用的情况! 如下图: 解决办法左看右看,上看下看,最终发现是前面在编码 ...

用jQuery设置元素的css样式

用jQuery设置元素的css样式相关推荐

最新文章

热门文章