jQuery (js 和 jQuery 的区别)

Posted 2020-12-26 收起你的小情绪

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(){
    
    
})