需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，输入问题基础代码。
2、在indexhtml中的<script>标签中，输入js代码：$('body')append($('body')css('z-index'));。
3、浏览器运行indexhtml页面，此时成功打印出了z-index的值。
1JQ中显隐有以下几种方式
show(),hide(),toggle(),slideDown()然后还有css设置div的style属性都可 *** 作
2show()方法
显示出隐藏的 <p> 元素。
$("btn2")click(function(){
$("p")show();
});
3toggle()方法
toggle() 方法切换元素的可见状态。
如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。
<html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<script type="text/javascript">
$(document)ready(function(){
$("btn1")click(function(){
$("p")toggle(1000);
});
});
</script>
</head>
<body>
<p>This is a paragraph</p>
<button class="btn1">Toggle</button>
</body>
</html>
3slideDown()方法
以滑动方式显示隐藏的 <p> 元素：
$("btn2")click(function(){
$("p")slideDown();
});
4hide() 方法
隐藏可见的 <p> 元素：
$("btn1")click(function(){
$("p")hide();
});
这个函数经常与show一起使用
5css()方法
css() 方法设置或返回被选元素的一个或多个样式属性。
返回 CSS 属性
如需返回指定的 CSS 属性的值，请使用如下语法：
css("propertyname");
$("p")css("display","none");
实例：
<!DOCTYPE>
<html>
<head>
<meta >
1、新建一个html文件，命名为testhtml。
2、在testhtml文件内，引入jqueryminjs库文件，成功加载该文件，才能使用jquery中的方法。
3、在testhtml文件内，在p标签内，使用button标签创建一个按钮，按钮名称为“按钮”。
4、在testhtml文件内，设置button标签的id为mybtn，主要用于下面通过该id获得button对象。
5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行btnfun（）函数。
6、在js标签中，创建btnfun()函数，在函数内，通过id(mybtn)获得button对象，使用attr()方法将disabled属性设置为disabled，让按钮变成不可用状态即可。
因为你的if else依次执行了
当你if条件ok的时候 login的style设置为block，此时，else条件又成立，所以依次执行，回到原点。
方法1：
使用jquery的toggle切换函数
<div id='login'>login</div>
$("#login")toggle(
function () {
$(this)show();
},
function () {
$(this)hide();
}
);
方法2：原始方法
设置全局标记位
var flag = false;
if(flag){
loginstyledisplay="block";
flag=false;
}
else{
loginstyledisplay="none";
flag=true;
}
jquery可以通过修改标签属性来改变它的样式;
js设置和获取标签的属性 :
代码如下:
<script type="text/javascript">
windowonload = function () {
var attr = documentgetElementById("attr");
attrsetAttribute("style", "font-weight:bold;")
alert(attrgetAttribute("style"));
}
</script>
jq设置和获取标签的属性 :
<script src="IP/Scripts/jquery/jquery-142minjs" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#attr")attr("style", "color:#ff0000");//单个属性的设置
$("#Avatar")attr({ "class": "banner", "alt": "头像", "src": "IP/avatar/a118538jpgid=11133319" });//多个属性的设置
alert($("#Avatar")attr("src")); //得到指定标签的属性
});
</script>
$("#btnAdd")click(function(){
$("<span/>")appendTo("#addTagDiv")html($("#textAdd")val())addClass("spanTag")click(function(){
//这里面的this就是当前这个span的dom元素
//$(this)就是当前span的jquery对象，你可以对他们进行任何 *** 作
//比如现在我就移除当前这个span
$(this)remove();
})
});
//最后整个代码的意思就是一个ID为btnAdd的元素单击时则追加一个span元素到ID为addTagDiv的元素内，该span的html为一个ID叫textAdd元素的value属性值。然后单击任何一个新增的span元素将会把这个span移除掉
//代码没有测试，如有问题请继续追问
以上就是关于jquery 怎么获取CSS中属性值的数值。全部的内容，包括:jquery 怎么获取CSS中属性值的数值。、如何通过jquery隐藏和显示元素、JQuery如何实现点击查看更多，显示更多内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）