JQuery进阶

JQuery操作：
1.操作元素：三种
    $(".class")
    $("#id")
    $("div")
2.js和jQuery的区别
    Js：docment.get....
    jquery:$("")
设定：jq 是jquery 对象      js 是JavaScript对象
                

3.操作内容:
    jq: 取值jq.html()     js：取值js.innerHTML
赋值：jq.html("需要赋的值")   js.value()
添加值：jq.html(jq.html()+”添 加的值“ )
修改值：jq.html("修改的值"){覆盖前面的所有值}


4.操作属性：
    js 获取：js.getAttribute("属性名")
    设置：js.setAttribute("属性名","属性值")
    移除：js.removeAttribute("属性名")

    JQ:
      获取:jq.Attr("属性名")
      设置:jq.Attr("属性名","属性值")
      jq.removeAttr("属性名")
    
      设置多个属性值：
            jq.Attr({
                
               "属性名"："属性值",
               "属性名"："属性值",

            })
    

      添加class属性值{不是覆盖是追加}  
        jq.addClass（"class值"）


5.操作样式：
    
     js操作样式：js.style.样式=样式值  （只能获取行内样式）

     JQ操作样式：
        获取： jq.css("样式")
        设置： jq.css("样式"："样式值")
        设置多个样式值：
            jq.css({
                
               "样式"："样式值",
               "样式"："样式值",

            })

6.操作事件：

     js操作事件:
        js.οnclick=function(){


        }
     js绑定事件：（可以多次绑定，事件触发执行多次）
        js.bind("click",function(){




        })

     js解绑事件：
        js.unbind("click")

     JQ操作事件：
        jq.click(function(){
            


            this.是js对象



        })

7.js和jq互转

    Js->jq   $(js)
    Jq->js     $(选择器)[0]  或者（选择器）.get()



8.jquery页面加载完成    

    $(docment).ready(function(){






    })    

 
   或者
   
    $(function（）{


    })

转载于:https://www.cnblogs.com/mengmengi/p/10222804.html