zoukankan      html  css  js  c++  java
  • JQuery中隐藏/显示事件函数

    1.
    $("button").click(function(){ $("p").hide(); });
    2.
    如果您的网站包含许多页面,并且您希望您的 jQuery 函数易于维护,那么请把您的 jQuery 函数放到独立的 .js 文件中。页面引用时放到head标签里
    <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="my_jquery_functions.js"></script>
    </head>

    • 3
    • 如果存在名称冲突,则重命名 jQuery 库
    • jQuery 使用名为 noConflict() 的方法来解决该问题。

      var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。

    • 例子:

      $.noConflict();
      jQuery(document).ready(function(){
      jQuery("button").click(function(){
      jQuery("p").text("jQuery 仍在运行!");
      });
      });

    • 4
    • $(document).ready(function)  将函数绑定到文档的就绪事件(当文档完成加载时)
    • $(selector).click(function)        触发或将函数绑定到被选元素的点击事件
    • $(selector).dblclick(function)    触发或将函数绑定到被选元素的双击事件
    • $(selector).focus(function)        触发或将函数绑定到被选元素的获得焦点事件
    • $(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
    5 带有speed的隐藏和显示,,
    $(selector).hide(speed,callback);
    
    $(selector).show(speed,callback);

    可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
    例:

     $("button").click(function(){
    $("p").hide(1000,function(){
    alert("The paragraph is now hidden");
    });
    });

    6  使用 toggle() 方法来切换 hide() 和 show() 方法。

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

    例子:$("button").click(function(){
      $("p").toggle();
    });
    也有这样一句语法:
    $(selector).toggle(speed,callback);
  • 相关阅读:
    go 1.14.3安装micro报错处理记录
    关于redis哨兵机制的一些疑问
    TCP中异常关闭的情况记录
    mysql sleep 死锁例子
    ubuntu16.04 安装go
    innodb存储引擎之内存
    ubuntu16.04环境LNMP实现PHP5.6和PHP7.2
    mysql使用存储过程,批量生成测试数据
    mysql 关于字符串搜索的函数
    电脑上的windows键突然失灵了,肿么办
  • 原文地址:https://www.cnblogs.com/ouyangxiaoyao/p/5802750.html
Copyright © 2011-2022 走看看