zoukankan      html  css  js  c++  java
  • JQuery回顾

    JQuery创建节点

    $(selector):通过选择器获取节点
    $(element):把DOM节点转化成jQuery节点
    $(html):使用HTML字符串创建jQuery节点

    var $newNode = $("<li title='last'>北京申办冬奥会是再合适不过了!</li>");

    插入节点

    元素内部插入子节点(带To后面是主语 不带前面是主语)

    append(content)        $(A).append(B)    表示将B追加到A
    appendTo(content)    $(A).appendTo(B)      表示把A追加到B
    prepend(content)       $(A).prepend(B)   表示将B*前置*插入到A
    prependTo(content)   $(A).prependTo(B)     表示将A前置插入到B

    元素外部插入同辈节点(带insert后面是主语 不带前面是主语)
    after(content)       $(A).after(B)      表示将B插入到A之后
    insertAfter(content)   $(A).insertAfter(B)   表示将A插入到B之后
    before(content)      $(A).before(B)     表示将B插入至A之前
    insertBefore(content)  $(A).insertBefore(B)    表示将A插入到B之前

    删除节点

    remove():删除整个节点
    empty():清空节点内容

    重点:
    detach():删除整个节点,保留元素的绑定事件、附加的数据

    替换节点
    replaceWith()   $(selector).replaceWith(content)  content:必需。规定替换被选元素的内容。selector:必需。规定要替换的元素。

    $(selector).replaceWith(function())  使用函数把被选元素替换为新内容。

    replaceAll()     $(content).replaceAll(selector)       content:必需。规定替换被选元素的内容。selector:必需。规定要替换的元素。

    replaceAll() 与 replaceWith()对比:

    replaceAll() 与 replaceWith() 作用相同。差异在于语法:内容和选择器的位置,以及 replaceWith() 能够使用函数进行替换。


    Jquery事件


    复制节点
    .clone([includeEvents]) ; 参数ture或flase, true复制事件处理,flase时反之

    鼠标事件
    click( )           单击鼠标时
    mouseover( )      鼠标指针移过时 对子元素敏感
    mouseout( )        鼠标指针移出时 ....
    mouseenter( )     鼠标指针进入时 对子元素不敏感
    mouseleave( )     鼠标指针离开时 ....

    键盘事件
    keydown( )        按下键盘时
    keyup( )       释放按键时
    keypress( )       产生可打印的字符时

    event.keycode 键盘对应的ASCII码:
    $(document).keydown(function(event){
    console.log(event.keyCode);//FF下调试
    });

    浏览器事件
    $(selector).resize( ); 调整窗口大小

    绑定事件

    bind()   $(selector).bind(event,data,function) event:事件  data:传递的额外数据 function :函数名字

    绑定多个事件

    bind({event:functionevent:function, ...}) 

    移除事件

    unbind(event,function) .

    没有规定参数,unbind() 方法会删除指定元素的所有事件处理程序

    复合事件
    hover(enter,leave) 方法相当于mouseover与mouseout事件的组合
    toggle(fn1,fn2,...,fnN);方法用于模拟鼠标连续click事件
    toggleClass(className); 可以对样式进行切换

    toggle( )和toggleClass( )总结
    toggle( fn1,fn2...)实现单击事件的切换,无须额外绑定click事件
    toggle( )实现事件触发对象在显示和隐藏状态之间切换
    toggleClass( )实现事件触发对象在加载某个样式和移除某个样式之间切换

     

  • 相关阅读:
    Win7 64位 php-5.5.13+Apache 2.4.9+mysql-5.6.19 配置
    C# .NET 使用第三方类库DotNetZip解压/压缩Zip rar文件
    64位window7,php5.5.10 +IIS7 配置
    eclipse下编译openfire3.9.1源码
    asp.net 解决IE11下 From身份验证失效问题
    MySQL 数据类型 详解
    ASP.NET安全
    Microsoft Anti-Cross Site Scripting Library V4.2 下载地址
    Entityframework Core去掉外键
    VS2019发布Docker实践
  • 原文地址:https://www.cnblogs.com/jiayiblog/p/10965745.html
Copyright © 2011-2022 走看看