jQuery教程浅谈js 和 jQuery 的区别-职坐标

jQuery教程浅谈js 和 jQuery 的区别

沉沙 2018-11-06 来源：阅读 1438 评论 0

摘要：本篇教程介绍了jQuery教程浅谈js 和 jQuery 的区别，希望阅读本篇文章以后大家有所收获，帮助大家对jQuery的理解更加深入。

本篇教程介绍了jQuery教程浅谈js 和 jQuery 的区别，希望阅读本篇文章以后大家有所收获，帮助大家对jQuery的理解更加深入。

js 和 jQuery 的区别  主要体现在Dom操作

（jq代表我找到的元素对象）
找元素：
    js:document.get...
    jquery: $(选择器)
设定：jq 是jquery对象     js  是JavaScript对象
操作内容：
js：js.innerHTML
    js.value
非表单元素：jq:jq.html()  jq.html("sad")     jq.html(jq.html()+"sad")追加值

表单元素：jq.val() jq.val("修改值")
操作属性：
js:js.getAttribute("属性名");
    js.setAttribute("属性名","属性值");
    js.removeAttribute("属性值");
jq:jq.attr("属性名");
    jq.attr("属性名","属性值");
    jq.attr({"属性名":"属性值","属性名":"属性值"});
    jq.removeAttr("属性名"); 移出属性
    jq.addClass("calss值");添加class并赋值
    <div class="aaa bbb"></div>
操作样式：
js：js.style.样式=样式值    只能获取行内
jq：jq.css("样式")
    jq.css("样式","样式值")
    jq.css({"样式":"样式值","样式":"样式值"})
操作事件：
js：js.onclick=function(){}
绑定事件可以多次绑定，事件触发执行多次
    js.bind("click",function(){
    alert(123);
    })
    //接触绑定
js.unbind("click")
jq:jq.click(function(){
    this：js对象
})
js和jq互转
js->jq  $(js)
jq->js  $(选择器)[0]  || $(选择器).get(0)

jq页面加载完成
$(document).ready(function(){

})
$(function(){


})