jquery修改页面样式

来源:互联网 发布:万梓良 心事谁人知 编辑:程序博客网 时间:2024/06/16 06:30

        

      根据class找到段落标志然后添加信息

  $(".demo").find("p").empty().append(msg);


        附加样式
$("#demo").css('display',"block");

附加样式

$("#demo").addClass('dis');


以滑动方式显示隐藏元素:
$(".demo").removeClass('dis').slideDown();


更换样式


$('#demo').removeClass('dis').addClass('hello world');


给没有id的赋值

     $("#demo").next("span").text("呦呦,切割闹");


修改父节点的样式       

$("#deliveryUsernumbermsg").addClass('dis');
$("#deliveryUsernumbermsg").parent().removeClass("li_hei");


       以及参考

JQuery给textarea取值和赋值


再一个struts2后台校验,前台获取的联合的使用法,结合了ajax

java:

addFieldError("userId", errorMessage);

jsp:

 <input type="text" name="userId" id="userId" placeholder="请输入" value="" class="fr col_5 col_6 " />


js:

  success :function(msg){  
if(msg.result=='true') {
//$("#userId_unhappy").text('');
//$("#userId_unhappy").removeAttr("class");
$("#userId_unhappy").remove();

return "true";
}else{

//获取后台校验返回的错误信息
var fieldErrors = msg.fieldErrors;

for(fieldError in fieldErrors) { //遍历错误信息
var fieldId = $('input[name='+fieldError+']').attr('id');
if($("#"+fieldId+"_unhappy").text()==null || $("#"+fieldId+"_unhappy").text()==""){
$("#"+fieldId).after($("<span></span>").attr("id",fieldId+"_unhappy").addClass("unhappyMessage").text(fieldErrors[fieldError][0]));
}else{
$("#"+fieldId+"_unhappy").text(fieldErrors[fieldError][0]);
                 }
}

return "false";
}
}


其他更多的用法参考:http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp


0 0
原创粉丝点击