bbs项目相关知识

label中的for属性：用于充当label标签for属性的值：示例：<label for='userid'>用户名：</label>，表示单击此label标签时，id为userid的标签获得焦点。就相当于点击label标签就触发了id为userid的标签

 

js对象 jQuery对象 DOM对象区别

一、DOM对象

文档对象模型简称DOM，是W3C组织推荐的处理可扩展置标语言的标准编程接口。

    DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。
    通过DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。 HTML
    DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。
    DOM对象，即是我们用传统的方法(javascript)获得的对象。
    DOM准确说是对文档对象的一种规范标准(文档对象模型),标准只定义了属性和方法行为。
二、JavaScript 对象
    JavaScript 提供多个内建对象，比如 String、Date、Array 等等。
    对象只是带有属性和方法的特殊数据类型。
    通过js获取的DOM对象就是js对象
    当浏览器支持js的dom接口(api)时，这里狭义的dom对象是以js对象的形式出现的，也就是一个js对象
三、jQuery对象

    jQuery对象其实是一个JavaScript的数组,这个数组对象包含125个方法和4个属性
    4个属性分别是
        jquery 当前的jquery框架版本号
        length 指示该数组对象的元素个数 .
        context 一般情况下都是指向HtmlDocument对象 .
        selector 传递进来的选择器内容

    jquery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法，但是不能使用DOM的方法;反过来Dom对象也不能使用jquery的方法

    jQuery对象和js对象区别：
    1.jQuery对象属于js的数组；
    2.jQuery对象是通过jQuery包装的DOM对象后产生的;
    3.jQuery对象不能使用DOM对象的方法和属性
    4.DOM对象不能使用jQuery对象的方法和属性
    jQuery对象和js对象之间的相互转换

                 1） js转jQuery对象：

                          $(js对象)

                 2)jQuery对象转js对象

                    示例：

                   var doc2=$("#idDoc2")[0];

                   //转换jQuery对象为DOM对象

                   doc2.innerHTML="这是jQuery的第一个DOM对象"

                   //使用jQuery对象本身提供的get函数来返回指定集合位置的DOM对象

                   var doc2=$("#idDoc2").get(0);

                   doc2.innerHTML="这是jQuery的第二个DOM对象"   

 

 

获取文件对象：第一种方法：$('#id_file')[0].files[0]  

                         第二种方法：this.files[0]

 

 

jquery中的attr方法

jquery中val()与之类似，
$(this).val();获取某个元素节点的value值，相当于$(this).attr("value");
$(this).val(value);设置某个元素节点的value值，相当于$(this).attr("value",value)，即value值替换“value”值；

 

 

上传文件图片：

    

$("#id_file").change(function () {
    // 获取文件对象
    var fileObj = $(this)[0].files[0];
    // 利用内置对象 文件阅读器 FileReader
    var fileReader = new FileReader();
    // 将文件对象交给文件阅读器 生成文件对象的二进制数据
    fileReader.readAsDataURL(fileObj);  // 异步
    // DOM操作 修改img标签的src属性值
    fileReader.onload = function (){  //等待文件阅读器读取完毕在渲染图片，不然由于代码执行速度太快，文件还没有读取完成，导致上传失败
        $('#id_img').attr('src',fileReader.result)
    };

formData ：既可以接受键值对，也可以接受文件
sjax发送数据时

$.ajax({
    url:'',
    type:'post',
    data:formData,
    //告诉jQuery不要去处理发送的数据，True会被序列化
     processData:false,
    //告诉jQuery不要去设置Content-Type的请求头
    contentType:false,

request.POST是用来接受从前端表单中传过来的数据，比如用户登录过程中传递过来的username、passwrod等字段。

models.UserInfo.object.create_user(**data)打散传值