zoukankan      html  css  js  c++  java
  • 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.onclick=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(){


        })

  • 相关阅读:
    Linux基本权限管理
    Spring JMS
    消息中间件 ActiveMQ的简单使用
    Ionic slides 轮播图
    Spring 3 MVC and XML example
    Java 数组
    Java String类
    Java static 使用
    http://blog.csdn.net/huang_xw/article/details/7090173
    http://blog.chinaunix.net/uid-20577907-id-3519578.html
  • 原文地址:https://www.cnblogs.com/mengmengi/p/10222804.html
Copyright © 2011-2022 走看看