js和jquery 操作元素 差别在DOM操作
找元素
js document.getElementById();
document.getElementByTagName();
jquery .one
$(选择器) $('img')
js对象 jsobj jquery对象 jqobj
操作内容
js
非表单元素 jsobj.innerHTML jsobj
表单元素 jsobj.value
jquery
非表单 jqobj.html() jqobj.html('123')
表单元素 jqobj.val() jqobj.val("123")
操作属性
js
jsobj.getAttribute("class");
jsobj.setAttribute("class","add")
jsobj.removeAttribute("class")
jquery
jqobj.attr('class','add');一个参数是获取 两个参数是设置
jqobj.attr({'class':'add','id':'id'});同时设置多个属性 用json格式数据
jqobj.removeAttr()
jqobj.addClass('add');
操作样式
js
jsobj.style.color="red";
jquery
jqobj.css();
操作事件
js
jsobj.onclick=function(){}
jquery
jqobj.click(function(){})
添加删除元素
jqobj.html('<button></button>')
页面加载完成
jquery
方法一
$(document).ready(function(){
})
方法二
$(function(){
})
