div,span等元素的取值和赋值
在jQuery中,操作元素内容的方法包括html()和text(),通常用于获取和设置div,span中的属性
html()与JavaScript中的innerHTML属性类似,即获取或设置元素的HTML内容;text()类似于JavaScript中德innerText属性,即获取或设置元素的文本内容。二者的区别如下
语法格式 | 参数说明 | 功能描述 |
---|---|---|
html() | 无参数 | 用来获取元素的HTML内容 |
html(val) | val参数为元素的HTML内容 | 用来设置元素的HTML内容 |
text() | 无参数 | 用来获取元素的文本内容 |
text(val) | val参数为元素的文本内容 | 用来设置元素的文本内容 |
表单元素的取值和赋值
在jQuery中,如果要获取元素的值,是通过val()方法实现的,其语法格式如下:
val(val)
其中如果不带参数val,则是获取某元素的值;反之,则是将参数val赋值给某元素。
该方法通常用于表单中获取或设置对象的值。
一个简单的小示例
<form action="" method="post">
您的问题:
<textarea id="question" name="question"></textarea>
您的电话:
<input type="text" id="phone" name="phone">
<input id="tijiao" type="submit" value="提交">
</form>
<span id="info"></span>
<script type="text/javascript">
$("#tijiao").click(function() {
var isMobile = /^(?:13\d|15\d)\d{5}(\d{3}|\*{3})$/;
var isPhone = /^((0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/;
var ques = $("#question").val().trim();
var phone = $("#phone").val().trim();
if (ques.length != 0 & phone.length != 0) {
if (!isMobile.test(phone) && !isPhone.test(phone)) {
$("#info").html("请正确填写电话号码,例如:13312341234或028-69953140").css("color","#FF0000");
return false;
} else {
$("#info").html("");
return true;
}
}
$("#info").html("请输入您的问题和电话").css("color","#FF0000");
return false;
});
</script>
什么也没有输入界面
电话号码有误界面
都输入正确,正在提交界面
参考文献
jQuery权威指南