您的位置:首页 > Web前端 > JQuery

jquery修改页面样式

2016-07-26 15:13 591 查看
        

      根据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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息