js和jquery的区别
Posted 跑很快的土豆
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js和jquery的区别相关的知识,希望对你有一定的参考价值。
js和jquery主要的区别在 dom
想用jQuery 必须先引入(顺序问题 )
先css 再js 先框架css再自己css 先jquery 再框架 再自己
找元素:
js:
document.getElementBy... id tagname name classname
jquery:
$(选择器) $(选择器).eq(下标)
js找到的是js对象 jquery找到的是jquery对象
相互转 js->jquery $(jsDom)
jquery -> js $(‘div‘)[0] $(‘div‘).get(0)
两个对象 jsDom jqDom
操作内容:
js.innerhtml = 赋值
jsDom.value 获取
jqDom.html() jqDom.html(‘赋值‘)
jqDom.val()
操作样式
jsDom.style.color = 赋值 //只能操作行内样式
jqDom.css(‘color‘); jqDom.css(‘color‘,‘red‘);
jqDom.removecss(‘color‘)
jqDom.css({
‘color‘ : ‘red‘,
‘width‘ : ‘100px‘,
...
})
操作属性
jsDom.getAttribute(‘class‘);
jsDom.setAttribute(‘class‘,‘add‘);
jsDom.removeAttribute(‘class‘);
jqDom.attr(‘class‘);
jqDom.attr(‘class‘,‘add‘);
jqDom.attr({
‘data‘ : ‘add‘,
‘id‘ : ‘add‘,
...
})
jqDom.removeAttr(‘class‘)
jqDom.addclass(‘del‘)
添加删除元素
remove()
添加事件
jsDom.onClick = function(){
this
}
jqDom.click(function(){
$(this)
})
以上是关于js和jquery的区别的主要内容,如果未能解决你的问题,请参考以下文章
jquery.js 和 jquery.min.js 有啥区别?
JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个