导航

JavaScript、CSS样式收集

Posted on 2017-12-22 16:40  水木山川  阅读(201)  评论(0编辑  收藏  举报

JS集:

  //给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值
  var val=form_name.input_name.value;

  //根据id获取标签值
  var val=document.getElementById("input_id").value;   //js
  var valJQ=$("#input_id").val();             //jquery

  请求方法:

function () {
    $.ajax({
        url: "/user/selectbyname1",    //请求路径
        type: "POST",        //GET,POST
        dataType: "json",    
        contentType: "application/json;charset=UTF-8",    //传输数据编码格式(可选)
        data: JSON.stringify({    //转JSON字符串
            username: $("#username2").val(),
        }),
        success: function (result) {
            var message = JSON.stringify(result);
            $("#select-box").html("查询成功" + message);
        },
        error: function (result) {
            var message = JSON.stringify(result);
            $("#select-box").html("查询失败" + message);
        }
    });
}

 

CSS集:

  1.样式优先级: 由上到下,由外到内,优先级由低到高
  2.基本选择器优先级:元素类型选择器<类选择器< id 选择器

  3.关联样式选择器:#testId span{  }         //设置id为testId内的span样式。
  4.组合样式选择器:#testId, #test_Id {  }       //设置testId和ttId有相同的样式。
  5.伪元素样式:标签名 : 类名   a:hover{  }     //设置标签对应的事件样式。

  6.div元素自动换行,span元素航元素,<br/>换行。

  7.float只对后面的元素有影响,对前面的无影响。
  8.clear:清除float效果。

  9.定位:absolute 设置绝对定位,当前元素div脱离文档流,高宽为0。
      relative 相对定位相对点是当前元素的原始位置的左上角,后面元素不会填充。
  10.hover:鼠标悬浮事件 visited:点击之后事件

CSS示例:

  1.虚线:  style="border-bottom:1px dashed #cccccc";