11.12工作总结（对当前this对象拼接内容，判断是否含有class值，修改class值，返回 CSS 属性值）

最新推荐文章于 2024-01-04 06:28:01 发布

mjx715813

最新推荐文章于 2024-01-04 06:28:01 发布

阅读量239

点赞数

分类专栏：工作总结 Javaweb

本文链接：https://blog.csdn.net/mjx715813/article/details/103036725

版权

工作总结同时被 2 个专栏收录

36 篇文章 0 订阅

订阅专栏

Javaweb

22 篇文章 0 订阅

订阅专栏

1. 对当前this对象拼接内容

（一）拼接的内容会在大标签体的最前面

        menuHtm += '<ul class="treeview-menu">';

						list.splice(i,1);//移除
						i--;
						for(var j = 0 ;j < list.length;j++){
							var scdClz = list[j];
							if(scdClz.menu_pid == fstClz.menu_id){
								i=-1;
								list.splice(j,1)//移除
								j--;
								if(scdClz.menu_endflg=="1"){//是末项
									menuHtm +=
										'<li style="height: 40px;line-height: 30px;">' +
											'<a href="#" style="padding-left: 35px" onclick="toPage(\''+scdClz.menu_url+'\',\''+scdClz.menu_name+'\',this)" >' +
												scdClz.menu_name+
											'</a>' +
										'</li>';
								}
							}
						}
						menuHtm += '</ul></li>';

$(e).prepend("<span class='iconfont jy-jiantouyou' style='font-size: 10px'></span>");

unction toPage(url,menu_name,e){
	//移除其他菜单栏的选中样式
	$(".treeview-menu li").removeClass("active");
	$(".treeview-menu li a span").remove();
	$("#right").attr("src",MSysPath+url);
	//标记当前菜单
	$(e).parent("li").addClass("active");
	$(e).prepend("<span class='iconfont jy-jiantouyou' style='font-size: 10px'></span>");
	$("#a_leader_txt").html(menu_name);
}

（二）拼接的内容会在大标签内的最后

$(e).append("<span class='iconfont jy-jiantouyou' style='font-size: 10px;padding-left: 112px;'></span>");

2. 判断是否含有class值，修改class值

function toChangeup(){
	 if($("#updown").hasClass("fa fa-angle-up")){
		 $("#updown").attr("class","fa fa-angle-down");
	 }else{
		 $("#updown").attr("class","fa fa-angle-up");
	 }	
}

获取class值

$("#test").attr("class");

3. 返回 CSS 属性值

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    alert($("p").css("color"));
  });
});
</script>
</head>

<body>
<p style="color:red">This is a paragraph.</p>
<button type="button">返回段落的颜色</button>
</body>
</html>