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()从被选元素中删除子元素

                

                

                

posted @   刘靖凯  阅读(170)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· Qt个人项目总结 —— MySQL数据库查询与断言
点击右上角即可分享
微信分享提示