JQuery事件

   什么是事件处理程序?

       事件处理程序指的是当Html中发生其他事件时所调用的方法。

  

        实例:       

                   在元素上移动鼠标

                   选取单选按钮

                   点击元素

     常见的DOM事件:

鼠标事件 键盘事件 表单事件 文档/窗口事件
click keypress submit load
dblclick keydom change resize
mouseenter keyup focus scrill
mouseleave   blur unkoad

    click()                        当按钮点击事件被触发时会调用一个函数   

    dblclick()                  当双击元素时,会发生dblclick事件

    mouseenter()            当鼠标指针穿过元素时,会发生触发

    mouseleave()            当鼠标指针离开元素时,会发生触发

    mousedown()            当鼠标指针移动到元素上方,并按下鼠标按键时触发

    mouseup()                当元素上松开鼠标按钮时,会发生触发

    hover()                     当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter),当鼠标移出这个元素时,会触发指定的第二个函数

    focus()                      当通过鼠标点击选中元素或通过tab键定位到元素时,

    blur()                        当元素失去焦点时,发生blur事件

    JQuery  Hide()和Show()

    通过JQuery,你可以使用hide()和show()方法来隐藏和显示HTML元素

    语法:

             $(selector).hide(.show)(speed,callback);

              可选speed参数规定隐藏/显示的速度,可以取以下值:“slow”,“fast”或毫秒

              可选的callback参数是隐藏或显示完成后所执行的函数名称

   

    Jquery toggle()

             显示被隐藏的元素,并隐藏已显示的元素

    

    获得内容   text(),html()以及val();

                  text()——设置返回所选元素的文本内容;

                  html()——设置或返回所选元素的内容(包括HTML标记)

                  val()——设置或返回表单字段的值

    获取属性 attr()

                 alert("text:"+$("#text").text());

     jQuery——添加元素

                 append()——在被选元素的结局插入内容

                 prepend()——在被选元素的开头插入内容

                 after()——在被选元素之后插入内容

                 before()——在被选元素之前插入内容

                 通过append()和prepend()方法添加若干新元素

    

      jQuery after()和before()方法

                 after()方法再被选元素之后插入内容

                 before()方法在被选元素之前插入文本

     jQuery  删除元素

                 remove()删除被选元素(及其子元素),括号写着过滤的元素

                 empty()从被选元素中删除子元素

                

                

                

原文地址:https://www.cnblogs.com/ljknlb/p/6774600.html