一些js中学到的小知识总结
1.获取标签中的内容和给标签设置内容(通过jQuery工具)。
$("#id").html("内容")设置。
②<input name="name" id="id" />获取input中的内容和设置它的内容用的是val()。
③一般情况下给一对标签中设置内容和获取内容用html()。
④<select id="selectId">
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
</select>
获取被选中的标签中间的文本:$("#selectId option:selected").text()
$("#selectId option:selected").val()
2.给标签设置属性,通过attr。
input的checkbox类型,判断复选框是否被选中:
$("input[name='inputname']").each(function(index,obj){//循环
if($(obj).is("checked")){//判断是否被选中
...
}
})
将选中的清空:$("input[name='inputname']").attr('checked',false)
多个input标签的名字可以是一样的,然后通过名字同时把他们选中。
3.给标签追加内容,通过append()方法
例:①给所有的<p></p>标签中追加东西:$("p").append(" <b>Hello world!</b>");
$("#idname").append(" <b>Hello world!</b>");
4.页面跳转,在前端页面中除了url路径外,我们在某部操作中想跳转到某个页面可以通过:
window.location.href = "要跳转的页面的路径";来实现跳转。
5.在前端页面中我们可以在请求路径中添加一些东西而传到后台
例:"/aa/bb/cc?id=?"+id的值,这样就可以把id的值传到后台。
6.给变量判空。
var nameisnull = 要判空的变量名.replace(/(^\s*)|(\s*$)/g, '');//把类似空格的东西去掉
if(nameisnull == '' || nameisnull == undefined || nameisnull == null || ageisnull == '' || ageisnull == undefined || ageisnull == null){
如果是空要做的操作。
}else{
不是空要做的操作。
}
7.ajax的type:请求方式,“POST”或者“GET”,默认为“GET”
①GET:select,主要用于查询数据,
②PUT:update,向服务器发送数据,
③POST:insert,向服务器发送数据,
④DELETE:删除数据
8.jQuery的validate验证方法
在页面中引入validate包后,我们就可以调用这个方法了。
$("#要验证的数据块(标签)的id").validate({
rules: {
要验证的标签的name1: {
required: true,//必填
}, 要验证的标签的name2: { required: true, checkMac:true,//自定义的验证的东西 }, ... }, messages:{
要验证的标签的name1:{ required:"验证不符合规定提示信息", }, 要验证的标签的name2:{ required: "验证不符合规定提示信息", }, ... },});if($("#要验证的数据块(标签)的id").valid()){ 验证成功后要做的事情 }$.validator.addMethod("checkMac",function(value,element,params){
var checkMac = /^([A-Fa-f0-9]{2}-){5}[A-Fa-f0-9]{2}$/;
return this.optional(element)||(checkMac.test(value));
},"*请输入正确mac地址!"); //通过该方法自定义验证方法。