博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery事件
阅读量:5331 次
发布时间:2019-06-14

本文共 1195 字,大约阅读时间需要 3 分钟。

   什么是事件处理程序?

       事件处理程序指的是当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

你可能感兴趣的文章
转载 SpringMVC详解(一)------入门实例
查看>>
第五周助教小结
查看>>
封装一个通过类名获取对象的函数
查看>>
P2037 电话号码
查看>>
STL algorithm算法min,min_element(35)
查看>>
mysql 加入列,改动列,删除列。
查看>>
structs2注解+jsp+ajax实现post异步载入select
查看>>
Temporary Post Used For Style Detection (3c95477f-54ce-474a-9e30-42586362b375)
查看>>
windows向ubuntu过渡之常用编程软件安装
查看>>
Unity3D笔记十三 摄像机之间切换
查看>>
.eww
查看>>
ssh The authenticity of host '10.11.26.2 (10.11.26.2)' can't be established
查看>>
代码学习总结
查看>>
初入Installshield2015
查看>>
eclipse工程重命名后,无法生产class问题
查看>>
第十章 call和ret指令
查看>>
关于字典序的若干问题
查看>>
ECMAScript6箭头函数ArrowFunction"=>"
查看>>
python 10大算法之二 LogisticRegression 笔记
查看>>
回到你身边
查看>>