jquery修改页面样式

红太狼 2022-09-24 05:23 256阅读 0赞

根据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取值和赋值][JQuery_textarea]

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

java:

addFieldError("userId", errorMessage);

jsp:

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

[JQuery_textarea]: http://blog.csdn.net/bestcxx/article/details/50732244