
只要通过jq获取这个属性的样式值 然后你就可以根据获取的值进行判断了
css方法:1、取得第一个段落的color样式属性的值。
1 $("p")css("color");
2、将所有段落的字体颜色设为红色并且背景为蓝色。
1 $("p")css({ color: "#ff0011", background: "blue" });
12345678910111213141516171819202122 <html><head> <title>JQuery中如何获取样式属性的值</title> <script type="text/javascript" src="jqueryjs"></script> <style> top { background: url(Tupianjpg) no-repeat; width: 75px; height: 90px; } </style> <script type="text/javascript"> $(function () { var url = $("divtop")css("background-image"); alert(url); }) </script></head><body> <div class="top"></div></body></html>
首先获取元素,然后使用css设置边框颜色即可。
$("#test")css("border-right-color","red");
通过上面的设置,就可以将元素id是test的元素的右边框设置成红色。
<style>
function ck(){
$("#dv")css("color","red");
//获取到对象 设置对象css中的属性color 属性值为red 也就是下面style中的属性
$("#dv")css("fontSize","30px");
//设置对象的字体大小为 30 px;
//以上是设置div对象的css样式属性 如果是div的直接属性 比如class innerHTML等等
//可以直接修改 如:
$("#dv")html(); //获取div两标间之间的内容
$("#dv")html(""); //带参数就表示设置内容
//这样的 很多建议你看看文档
// 扣群③②〇⑦④⑧⑤⑨① 中有文档下载 技术交流
}
</style>
<div id="dv" style="color:green"></div>
使用Jquery 获取DIV相对浏览器的边距,也就是绝对X,Y坐标,可以用offset():
$('div')offset()left;示例如下:
创建Html元素
<div class="top">本层相对浏览器的左边距为50px
<div class="inner">本层相对上一层的左边距为20px,所以相对浏览器边距为70px</div>
</div>
设置css样式
{margin:0;}divtop{
width:500px;height:150px;
margin:50px;
background:green;
color:white;
}
divinner{
width:450px;height:100px;line-height:100px;
margin:20px;
background:red;
color:white;
}
编写jquery代码
$(function(){$("divinner")click(function() {
alert("相对窗口左边距:"+$(this)offset()left);
});
})
观察效果
你好,工具/原料,更改颜色
方法/步骤
1/6 分步阅读
新建一个html文件,命名为testhtml,用于讲解jquery标题怎么设置颜色。
2/6
在testhtml文件内,使用h3标签创建一个测试的标题。
3/6
在testhtml文件内,设置h3标签的id为mytitle,用于下面获得h3对象。
4/6
在testhtml文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行settitle()函数。
5/6
在js标签中,创建settitle()函数,在函数内,通过id获得h3标签对象,使用css()方法设置h3标题文字的颜色为红色。
6/6
在浏览器打开testhtml文件,点击按钮,查看实现的效果。
//用是Jquery可以直接求出宽高
<div><img src="images/ajpg" /></div>
<script src="js/jquery-172minjs"></script>
<script type="text/javascript">
$(function(){
alert($('img')css('width'));
})
</script>
//原生js只有在定义了宽高之后才能求出
<div><img src="images/ajpg" style="width:300px; height:330px;" /></div>
<script type="text/javascript">
var oImg = documentgetElementsByTagName('img')[0];
alert(oImgstylewidth + '-' + oImgstyleheight);
</script>
以上就是关于jquery怎么判断对象的背景色全部的内容,包括:jquery怎么判断对象的背景色、jquery怎么设置右边框的颜色、jquery中的css("color","red")里的color是来自于哪里,如css("fontSize","30px")里等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)