原生js与Jquery对页面的操作对比

页面加载：

原生js：

window.οnlοad=(){};

 Jquery ：

$（ducument）.ready(function(){}); 或者$(function(){})为简写

取值：

表单元素：

原生：value

 jQuery：val()

非表单元素：

原生：innerHTML || innertext

jQuery：html（） ||text（）

通过id选择器：

原生：document.getElementById’id值').value

jQuery：$('# id值').val()

通过class选择器

原生：document.getElementByClassName（’id值')[0].value

jQuery：$('.class值').val()

赋值：

原生js非表单赋值

document.getElementById(‘new_div’).innerHTML =’这是一个div’

Jquery  非表单赋值

var str =’登录成功’ ；

$（'#ti’）.hml(str);

原生js表单赋值

var name = document.getElementById("name");

name.value = "测试";

Jquery 表单赋值

$("#name").val("想要赋予的值")