您现在的位置:首页 >> 前端 >> 内容

关于jQuery的一些小方法

时间:2017/10/8 10:14:00 点击:

  核心提示:一些js中学到的小知识总结1.获取标签中的内容和给标签设置内容(通过jQuery工具)。①获取这个标签中间的内容可以用$(#id).html()获得,同样的,设置可以通过$(#id).html(内容)...

一些js中学到的小知识总结

1.获取标签中的内容和给标签设置内容(通过jQuery工具)。

①获取这个标签中间的内容可以用$("#id").html()获得,同样的,设置可以通过$("#id").html("内容")设置。

获取input中的内容和设置它的内容用的是val()。

③一般情况下给一对标签中设置内容和获取内容用html()。

获取被选中的标签中间的文本:$("#selectId option:selected").text()

获取被选中的标签中value属性的值:$("#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").append(" Hello world!");

 

②给特定某个标签中追加东西:$("#idname").append(" Hello world!");

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

 

Tags:关于 于J JQ QU 
作者:网络 来源:Clever99的博