jQuery属性,验证码失效,动态内容加载

最新推荐文章于 2020-04-15 15:27:00 发布

清风醉-木寒暄

最新推荐文章于 2020-04-15 15:27:00 发布

阅读量806

点赞数

分类专栏： JavaScript 文章标签： jQuery属性验证码失效动态内容加载

本文链接：https://blog.csdn.net/u012365843/article/details/39058625

版权

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

刚做完一个不大的项目，现在总结一下从中学到的一点知识，希望对自己和大家都有所帮助:

1.滚动显示动态信息

动态信息都是实时从数据库中加载并显示在页面中，这就要求在整个jsp页面加载完就要调用加载动态信息的方法：可以用<body οnlοad="dongtai();">然后在js页面中写一个function dongtai(){}调用函数。不过本人认为没有必要去那样加载，可以在本页面的javascript中直接加载并调用，因为动态信息要实时，所以要用ajax完成加载，并可以设置刷新的时间，让信息保持最新:

代码如下:

<marquee width="100%" behavior="scroll" vspace="1" scrollamount="4"
direction="left" scrolldelay="7" onMouseOut="this.start()"
onMouseOver="this.stop()">
<label id="newDatas"></label> //要显示的内容
</marquee>

2.jQuery属性讲解

在JSP页面的布局中避免不了有很多的function()，而函数常常又要设置属性，下面我就归纳一下jQuery常见属性的设置:

1.1attr()定义和用法:

attr()方法设置或返回被选元素的属性值。语法:$(sekector).attr(attribute);返回被选元素的属性值。语法:$(selector).attr(attribute,value);设置被选元素的属性和值。当然也可以设置多个属性和值，语法:$(selector).attr(attribute:value,attribute:value...);为被选元素设置一个以上的属性和值。

//换背景图片
$("#yzheng").attr("src","resources/image/yanzheng1.png");

1.2html()定义和用法:

html()方法返回或设置被选元素的内容(innerHTML),如果该方法未设置参数，则返回被选元素的当前内容。语法:$(selector).html();当使用该方法返回一个值时，它会返回第一个匹配元素的内容。语法:$(selector).html(content);当使用该方法设置一个值时，它会覆盖所有匹配元素的内容。

1.3val()定义和用法:

val()方法返回或设置被选元素的值。元素的值是通过value属性设置的，该方法大多用于input元素，如果该方法未设置参数，则返回被选元素的当前值。语法:$(selector).val(value);给所选的元素赋值。语法:$(selector).val();返回第一个匹配元素的value属性的值。

//将号码前后的空格去掉
var mobile = $.trim($("#mobile").val());

1.4css()定义和用法:

css()方法设置或返回被选元素的一个或多个样式属性。语法:$(selector).css("propertyname");返回指定的css属性的值。语法:$(selector).css("propertyname","value");设置指定的css属性。当然也可设置多个css属性:语法:$(selector).css("propertyname":"value","propertyname":"value"...);

//隐藏和显示相互换

if($("#dianzicon").css("display")!="none"){
$("#dianzicon").css("display","none");
}
$("#shanghucon").show();

3.验证码失效：

<input type="hidden" id="scode"">//用于存放后台获取的验证码

//设置验证码在十分钟为无效
window.setTimeout("$('#scode').val('20')",600000);

if($("#scode").val() == "20"){
alert("您的验证码失效了,请重新获取！");
return;
}