一些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地址!"); //通过该方法自定义验证方法。